/*default_main
------------------------------------------*/
.logo_wrap{
	position: absolute;
	width: 100%;
	height: 1px;
	top: 10vh;
	z-index: 999;
}

.logo_wrap .logo{
	height: 13vh;
	margin: 0 auto;
	text-align: center;
}

.logo_wrap .logo img{
	height: 100%;
	width: auto;
}

.default_main .nav_img_zone .list_box .box{	
	position: relative;
	background: #000;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 0.5s;
}

.default_main .nav_img_zone .list_box .box1{	
	background:#000 url(../image/default_img1.webp) top center no-repeat;
}

.default_main .nav_img_zone .list_box .box1:hover{	
	background:#000 url(../image/default_img1_2.webp) top center no-repeat;
}

.default_main .nav_img_zone .list_box .box2{	
	background:#000 url(../image/default_img2.webp) top center no-repeat;
}

.default_main .nav_img_zone .list_box .box2:hover{	
	background:#000 url(../image/default_img2_2.webp) top center no-repeat;
}

.default_main .nav_img_zone .list_box .box3{	
	background:#000 url(../image/default_img3.webp) top center no-repeat;
}

.default_main .nav_img_zone .list_box .box3:hover{	
	background:#000 url(../image/default_img3_2.webp) top center no-repeat;
}

.default_main .nav_img_zone .list_box .box .link_box{
	position: relative;
	width: 100%;
	text-align: center;
}

.default_main .nav_img_zone .list_box .box .link_box .sign{
	width: 30px;
	height: 5px;
	background: #666;
	margin: 0 auto;
	margin-top: 20px;
	transition: all 0.5s;
}

.default_main .nav_img_zone .list_box .box:hover .link_box .sign{
	width: 60px;
	background: #fff;
}

.default_main .nav_img_zone .list_box .box .link_box .img_box{
	display: inline-block;
	position: relative;
	width: 32%;
	border: 2px solid #535353;
	border-radius: 300px;
}

.default_main .nav_img_zone .list_box .box:hover .link_box .img_box{
	border: 2px solid #fff;
}

.default_main .nav_img_zone .list_box .box .link_box .img_box img{
	width: 100%;
	height: auto;
	transition: all 0.5s;
}

.default_main .nav_img_zone .list_box .box:hover .link_box .img_box img{
	transform: rotate(360deg);
	-ms-transform: rotate(360deg);		/* IE 9 */
	-webkit-transform: rotate(360deg);	/* Safari and Chrome */
	-o-transform: rotate(360deg);		/* Opera */
	-moz-transform: rotate(360deg);		/* Firefox */
}

.default_main .nav_img_zone .list_box .box .link_box .title a{
	display: block;
	line-height: 100px;
	text-align: center;
	font-size: 22px;
	color: #535353;
	transition: all 0.5s;
}

.default_main .nav_img_zone .list_box .box:hover .link_box .title a{
	color: #fff;
}

.default_footer{
	width: 100%;
	position: absolute;
	bottom: 0px;
	line-height: 60px;
	text-align: center;
}

.default_footer p{
	color: #666;
}

.default_footer a{
	color: #666;
}

.header_wrap img{
	display: block;
}

/*pro_style_1*/

.pro_style_1 .title_1{
	padding: 40px 0px;
}

.pro_style_1 .title_1 .box1{
	font-size: 30px;
	line-height: 50px;
	text-transform: uppercase;
}

.pro_style_1 .title_1 .box1 span{
	color: #ea5405;
}

.pro_style_1 .title_1 .box2{
	font-size: 30px;
	line-height: 30px;
}

/* pro1_brand
-------------------------------------------------*/
.pro1_brand_1{
	position: relative;
}

.pro1_brand_1 .des{
	position: absolute;
	height: 40%;
	top: 30%;
	width: 100%;
	background: url(../image/orange_tou_80.webp) 0 0 repeat;
	text-align: left;
}

.pro1_brand_1 .zone{
	text-align: left;
}

.pro1_brand_1 .des .box1{
	line-height: 50px;
	position: relative;
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	text-indent: 20px;
}

.pro1_brand_1 .des .box2{
	font-size: 16px;
	color: #fff;
	text-indent: 20px;
}

.pro1_brand_1 .pro1_brand_1_img_hover{
	transition: all 0.5s;
	cursor: pointer;
}

.pro1_brand_1 .pro1_brand_1_img_hover:hover{
	margin-top: -30px;
}

.pro1_brand_3{
	background: url(../image/pro1_brand_bg.webp) top center no-repeat;
}

.pro1_brand_3 .des_box{
	padding: 20px;
	background: url(../image/orange_tou_80.webp) 0 0 repeat;
	color: #fff;
}

.pro1_brand_3 .des_box .sign{
	width: 15%;
	height: 5px;
	margin-top: 20px;
	background: #fff;
}

.pro1_brand_3 .des_box .title{
	font-size: 20px;
	line-height: 20px;
	padding-top: 25px;
	padding-bottom: 5px;
	font-weight: bold;
	color: #fff;
	text-align: left;
}

.pro1_brand_3 .des_box p{
	font-size: 16px;
	line-height: 30px;
	color: #eeeeee;
	text-align: left;
}


.pro1_brand_4 .img_box{
	padding: 10px;
	border: 1px solid #eeeeee;
}

.pro1_brand_4 .des .title{
	font-size: 20px;
	font-weight: bold;
	line-height: 40px;
}

.pro1_brand_4 .bottom_box .sign{
	width: 10%;
	height: 10px;
	background: #e95404;
	margin: 20px auto;
}

/* pro1_adv
-------------------------------------------------*/
.pro1_adv{
	height: 590px;
	padding: 65px 0px;
	background: url(../image/pro_adv_bg.webp) top center no-repeat;
}

.pro1_adv .list_box{
	position: relative;
	height: 100%;
}

.pro1_adv .list_box .box{
	height: 40px;
	line-height: 40px;
	margin-bottom: 35px;
}

.pro1_adv .list_box .box .num{
	height: 40px;
	width: 40px;
	font-size: 25px;
	color: #fff;
	background: #ea5405;
	margin-right: 15px;
}

.pro1_adv .list_box .box .des{
	font-size: 16px;
}

.pro1_adv .list_box .box1{
	margin-top: 35px;
	margin-left: 72px;
}

.pro1_adv .list_box .box2{
	margin-left: 56px;
}

.pro1_adv .list_box .box3{
	margin-left: 36px;
}

.pro1_adv .list_box .box4{
	margin-left: 16px;
}

.pro1_adv .list_box .box5{
	margin-left: -10px;
}

.pro1_adv .list_box .box6{
	margin-left: -25px;
}

.pro1_adv .list_box .box7{
	margin-left: -45px;
}

/* pro1_reasons
------------------------------------------------*/
.pro1_reasons{
	position: relative;
	width: 100%;
	height: 850px;
}

.pro1_reasons .uk-container{
	position: relative;
}

.pro1_reasons .title{
	position: absolute;
	left: 340px;
	top: 150px;
}

.pro1_reasons .list_box{
	position: relative;
	z-index: 2;
}

.pro1_reasons .list_box .box{
	width: 240px;
	float: left;
}

.pro1_reasons .list_box .box .img_box{
	width: 80%;
	margin: 0 auto;
	margin-bottom: 15px;
}

.pro1_reasons .list_box .box .img_box img{
	border-radius: 25px;
}

.pro1_reasons .list_box .box1 ,.pro1_reasons .list_box .box2{
	margin-top: 65px;
}

.pro1_reasons .list_box .box3 ,.pro1_reasons .list_box .box4{
	margin-top: 100px;
}

.pro1_reasons .list_box .box2, .pro1_reasons .list_box .box4{
	float: right;
}

.pro1_reasons .list_box .box .des{
	font-size: 16px;
	line-height: 28px;
}

.pro1_reasons .pro1_reasons_img{
	transition: all 0.5s;
	cursor: pointer;
}

.pro1_reasons .pro1_reasons_img:hover{
	margin-top: -5px;
}

/*pro1_features*/

.pro1_features .list_box{
	background: url(../image/pro1_feature_bg.webp) top center no-repeat;
}

.pro1_features .list_box .box{
	width: 460px;
}

.pro1_features .list_box .box .num{
	height: 70px;
	width: 70px;
	line-height: 70px;
	font-size: 35px;
	background: #ea5405;
	color: #fff;
}

.pro1_features .list_box .box .des{
	line-height: 30px;
	width: 360px;
	font-size: 16px;
	padding-top: 5px;
}

.pro1_features .list_box .style1{
	float: left;
	margin-left: 100px;
}

.pro1_features .list_box .style1 .num{
	float: right;
}

.pro1_features .list_box .style1 .des{
	float: left;
	text-align: right;
}

.pro1_features .list_box .style2{
	float: right;
	margin-right: 100px;
}

.pro1_features .list_box .style2 .num{
	float: left;
}

.pro1_features .list_box .style2 .des{
	float: right;
	text-align: left;
}

.pro1_features .list_box .box1 , .pro1_features .list_box .box2{
	margin-top: 50px;
}

.pro1_features .list_box .box3 , .pro1_features .list_box .box4{
	margin-top: 45px;
}

.pro1_features .list_box .box5 , .pro1_features .list_box .box6{
	margin-top: 45px;
	margin-bottom: 50px
}

/*pro1_tech*/

.pro1_tech .trigger_wrap{
	background: url(../image/pro1_tech_tragger_bg.webp) top center no-repeat;
}

.pro1_tech .trigger_wrap .title{
	line-height: 100px;
	font-size: 40px;
	text-align: center;
	font-weight: bold;
	color: #fff;
}

.pro1_tech .trigger_wrap ul{

}

.pro1_tech .trigger_wrap ul li{
	text-align: center;
	display: inline-block;
	line-height: 40px;
	width: 120px;
	margin: 20px;
	margin-bottom: 50px;
	border: 1px solid #eeeeee;
	color: #fff;
	cursor: pointer;
	font-size: 16px;
	transition: all 0.5s;
}

.pro1_tech .trigger_wrap ul li:hover{
	color: #ea5405;
	background: #fff;
}

.pro1_tech .trigger_wrap ul li.uk-active{
	color: #ea5405;
	background: #fff;
}

.pro1_tech .trigger_wrap ul li a{
	color: #fff;
}

.pro1_tech .trigger_wrap ul li:hover a{
	color: #ea5405;
}

.pro1_tech .trigger_wrap ul li.uk-active a{
	color: #ea5405;
}

.pro1_tech .effect_wrap{
	background:#dce4e7;
}


/* min-width: 1220px */

@media (min-width: 1220px) {
  .uk-container {
    max-width: 1200px;
    padding: 0 0px;
  }
}

/* max-width: 960px */
@media (max-width: 960px) {
	
	/*m_title*/
	
	.pro_style_1 .m_title{
		padding: 10px 0px;
	}
	
	.pro_style_1 .m_title .box1{
		font-size: 16px;
		line-height: 20px;
		color: #ea5405;
	}
	
	.pro_style_1 .m_title .box2{
		color: #959595;
	}

	
	/*pro1_brand_1*/
	.pro1_brand_1 .des{
		position: relative;
		width: 100%;
		background: url(../image/orange_tou_80.webp) 0 0 repeat;
		text-align: left;
	}

	.pro1_brand_1 .zone{
		padding: 15px;
	}

	.pro1_brand_1 .des .box1{
		position: relative;
		line-height: 20px;
		font-size: 16px;
		font-weight: bold;
		color: #fff;
		text-indent: 0px;
	}

	.pro1_brand_1 .des .box2{
		font-size: 12px;
		color: #fff;
		text-indent: 0px;
	}
	
	/*pro1_adv*/
	
	.pro1_adv{
		padding: 0px;
		height: auto;
		background: #fff;
		margin-top: 0px;
		margin-bottom: 0px;
	}

	.pro1_adv .list_box{
		position: relative;
		height: 100%;
	}

	.pro1_adv .list_box .box{
		height: 40px;
		line-height: 40px;
		margin-bottom: 0px;
		padding: 10px 0px;
		border-bottom: 1px dashed #eeeeee;
	}

	.pro1_adv .list_box .box .num{
		height: 40px;
		width: 40px;
		font-size: 16px;
		color: #fff;
		background: #ea5405;
		margin-right: 15px;
	}

	.pro1_adv .list_box .box .des{
		font-size: 14px;
	}

	.pro1_adv .list_box .box1{
		margin-top: 0px;
		margin-left: 0px;
	}

	.pro1_adv .list_box .box2{
		margin-left: 0px;
	}

	.pro1_adv .list_box .box3{
		margin-left: 0px;
	}

	.pro1_adv .list_box .box4{
		margin-left: 0px;
	}

	.pro1_adv .list_box .box5{
		margin-left: 0px;
	}

	.pro1_adv .list_box .box6{
		margin-left: 0px;
	}

	.pro1_adv .list_box .box7{
		margin-left: 0px;
	}
	
	/* pro1_reasons
	------------------------------------------------*/
	.pro1_reasons{
		position: relative;
		width: 100%;
		height: auto;
	}


	.pro1_reasons .list_box .box{
		width: 100%;
		padding: 15px;
		float: left;
	}

	.pro1_reasons .list_box .box .img_box{
		width: 80%;
		margin: 0 auto;
		margin-bottom: 15px;
	}

	.pro1_reasons .list_box .box .img_box img{
		border-radius: 25px;
	}

	.pro1_reasons .list_box .box1 ,.pro1_reasons .list_box .box2{
		margin-top: 0px;
	}

	.pro1_reasons .list_box .box3 ,.pro1_reasons .list_box .box4{
		margin-top: 0px;
	}

	.pro1_reasons .list_box .box2, .pro1_reasons .list_box .box4{
	}

	.pro1_reasons .list_box .box .des{
		font-size: 14px;
		line-height: 24px;
	}	
	
	/*pro1_features*/

	.pro1_features .list_box{
		background: #fff;
	}

	.pro1_features .list_box .box{
		width: 100%;
		padding: 10px 0px ;
	}

	.pro1_features .list_box .box .num{
		position: relative;
		display: block;
		height: 40px;
		width: 40px;
		line-height: 40px;
		font-size: 14px;
		background: #ea5405;
		color: #fff;
		margin: 0 auto;
		text-align: center;
		clear: both;
		float: none;
	}

	.pro1_features .list_box .box .des{
		line-height: 24px;
		font-size: 14px;
		text-align: center;
		width: 100%;
	}

	.pro1_features .list_box .style1{
		clear: both;
		margin: 0px;
	}

	.pro1_features .list_box .style1 .num{
		margin: 0 auto;
		clear: both;
		float: none;
	}

	.pro1_features .list_box .style1 .des{
		clear: both;
		text-align: center;
	}

	.pro1_features .list_box .style2{
		clear: both;
		margin: 0px;
	}

	.pro1_features .list_box .style2 .num{
		margin: 0 auto;
		clear: both;
		float: none;
	}

	.pro1_features .list_box .style2 .des{
		clear: both;
		text-align: center;
	}

	.pro1_features .list_box .box1 , .pro1_features .list_box .box2{
		margin-top: 0px;
	}

	.pro1_features .list_box .box3 , .pro1_features .list_box .box4{
		margin-top: 0px;
	}

	.pro1_features .list_box .box5 , .pro1_features .list_box .box6{
		margin-top: 0px;
		margin-bottom: 0px;
		
	}	
	
}

/*pro_style_2
------------------------------------------------------*/

/*title*/
.pro_style_2 .title_style .ch{
	color: #0070bd;
}

.pro_style_2 .title_style .en{
	color: #959595;
	text-transform: uppercase;
}

.pro_style_2 .title_style2 .ch{
	color: #fff;
}

.pro_style_2 .title_style2 .en{
	color: #eeeeee;
	text-transform: uppercase;
}

/*pro2_brand_1*/

.pro2_brand_1 .group_box{
	border: 1px solid #e5e5e5;
}

.pro2_brand_1 .group_box .box2 .title{
	line-height: 75px;
	font-size: 30px;
	color: #0070bd;
}

.pro2_brand_1 .group_box .box2{
	padding: 0px 20px;
}

.pro2_brand_1 .group_box .box2 .img_box{
	width: 75%;
	margin: 0 auto;
	margin-bottom: 10px;
}

.pro2_brand_1 .group_box .box2 .img_box img{
	border-radius: 25px;
}

.pro2_brand_1 .group_box .box2 .des p{
	font-size: 16px;
	line-height: 28px;
}

.pro2_brand_1 .size_box .box{
	height: 180px;
}

.pro2_brand_1 .size_box .uk-panel{
	border: 1px solid #ccc;
	padding-left: 10px;
	padding-right: 10px;
}

.pro2_brand_1 .size_box .uk-panel .uk-panel-title{
	font-size: 25px;
	font-weight: bold;
	color: #0070bd;
}

.pro2_brand_1 .size_box .uk-panel .des_box2{
	line-height: 24px;
	font-size: 14px;
}

.pro2_brand_1 .size_box .box1 , .pro2_brand_1 .size_box .box6{
	margin-top: -100px;
}

.pro2_brand_1 .size_box .box2 , .pro2_brand_1 .size_box .box5{
	margin-top: -50px;
}

.pro2_brand_1 .pro2_brand_1_des .uk-panel{
	transition: all 0.5s;
	cursor: pointer;
}

.pro2_brand_1 .pro2_brand_1_des:hover .uk-panel{
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#ccc',Direction=0, Strength=30);/*for ie6,7,8*/ 
	-moz-box-shadow:0px 0px 30px #ccc;/*firefox*/ 
	-webkit-box-shadow:0px 0px 30px #ccc;/*webkit*/ 
	box-shadow:0px 0px 30px #ccc;/*opera或ie9*/ 
}

/*pro2_brand_2*/
.pro2_brand_2{
	width: 100%;
	position: relative;
}

.pro2_brand_2 .sign{
	height: 150px;
	width: 100%;
	background: #0070bd;
	position: absolute;
	bottom:150px;
	z-index: -1;
}


/*pro2_brand_3*/
.pro2_brand_3 .company_box .box .des{
	padding: 0px 20px;
}

.pro2_brand_3 .company_box .box .des p{
	font-size: 16px;
	line-height: 28px;
}

/*pro2_system
-----------------------------------------------------*/

.pro2_system .system_zone{
	background: url(../image/pro2_system_bg.webp) top center no-repeat;
}

.pro2_system .system_zone .box1, .pro2_system .system_zone .box2{
	margin-top: 100px;
	margin-bottom: 100px;
}

/*pro2_system_photo
----------------------------------------------------*/
.pro2_system_photo{
	position: relative;
}


.pro2_system_photo .photo_box .img_box{
	border: 2px solid #0070bd;	
}

.pro2_system_photo .photo_box .name a{
	display: block;
	border: 2px solid #0070bd;	
	border-top: none;
	line-height: 60px;
	font-size: 16px;
	transition: all 0.5s;
}

.pro2_system_photo .photo_box .name a:hover{
	display: block;
	border: 2px solid #0070bd;	
	border-top: none;
	background: #0070bd;
	color: #fff;
}

.pro2_system_photo .uk-slidenav-previous {
	left: -60px;
}

.pro2_system_photo .uk-slidenav-next {
	right: -60px;
}

/*pro2_config
------------------------------------------------------*/
.pro2_config{
	position: relative;
	height: 540px;
	background: url(../image/pro2_contig_bg.webp) top center no-repeat fixed;
}

.pro2_config .pro_config_scroll .config_box .box1 {
	height: 120px;
	padding-top: 30px;
	background: #fff url(../image/pro2_config_title_bg.webp) bottom center no-repeat;
}

.pro2_config .pro_config_scroll .config_box .box1 .name {
	color: #fff;
	font-size: 20px;
	font-weight: bold;
}

.pro2_config .pro_config_scroll .config_box .box1 span {
	color: #fff;
	font-size: 16px;
	line-height: 40px;
}

.pro2_config .pro_config_scroll .config_box .box2 .des{
	font-size: 16px;
	line-height: 30px;
}

.pro2_config .pro_config_scroll .config_box .box2{
	height: 145px;
	padding: 0px 25px;
	background: #fff;
}

/* pro2_adv
------------------------------------------------------*/

.pro2_adv .left_box{
	width: 380px;
	float: left;
}

.pro2_adv .right_box{
	width: 820px;
	float: right;
}

.pro2_adv .right_box ul li{
	height: 140px;
	width: 340px;
	background: #0070bd;
	float: left;
	margin-left: 30px;
	margin-bottom: 30px;
	padding: 0 20px;
	transition: all 0.5s;
	cursor: pointer;
}

.pro2_adv .right_box ul li:hover{
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#999',Direction=0, Strength=30);/*for ie6,7,8*/ 
	-moz-box-shadow:0px 0px 30px #999;/*firefox*/ 
	-webkit-box-shadow:0px 0px 30px #999;/*webkit*/ 
	box-shadow:0px 0px 30px #999;/*opera或ie9*/ 
}

.pro2_adv .right_box ul li p{
	font-size: 16px;
	color: #fff;
}

/*pro2_ground*/

.pro2_ground{
	position: relative;
	height: 420px;
	background: url(../image/pro2_contig_bg.webp) bottom center no-repeat fixed;
}

.pro2_ground .ground_des{
	font-size: 16px;
	color: #fff;
	margin: 25px 0px;
}

.pro2_ground .list_box ul li{
	margin: 0 30px;
	transition: all 0.5s;
	cursor: pointer;
}

.pro2_ground .list_box ul li:hover{
	margin-top: -15px;
}

.pro2_ground .list_box ul li .img_box{
	padding: 25px;
	padding-bottom: 15px;
}

.pro2_ground .list_box ul li .info .ch{
	font-size: 20px;
	color: #fff;
}

.pro2_ground .list_box ul li .info .en{
	font-size: 14px;
	line-height: 25px;
	color: #fff;
}

/*pro2_contast*/

.pro2_contast .info p{
	font-size: 16px;
	line-height: 30px;
}

.pro2_contast .box1 .info{
	text-align: right;
}

.pro2_contast .box2 .info{
	text-align: left;
}

/*pro2_ass*/
.pro2_ass{
	background: #f5f5f5;
}

.pro2_ass .list_box .box{
	transition: all 0.5s;
	cursor: pointer;
}

.pro2_ass .list_box .box:hover{
	margin-top: -15px;
}

.pro2_ass .list_box .box .info{
	color: #fff;
	padding: 15px 0px;
}

.pro2_ass .list_box .box .info .name{
	font-size: 20px;
	line-height: 40px;
}

.pro2_ass .list_box .box .info .des{
	font-size: 16px;
}

.pro2_ass .list_box .box1 .info{
	background: #018f84;
}

.pro2_ass .list_box .box2 .info{
	background: #db382e;
}

.pro2_ass .list_box .box3 .info{
	background: #0071b9;
}

/*pro2_process*/
.pro2_process{
	position: relative;
}

.pro2_process .list_box .box .img_box{
	padding: 15px;
	border: 1px solid #eeeeee;
	cursor: pointer;
	transition: all 0.5s;
}

.pro2_process .list_box .box .img_box:hover{
	transform: rotate(360deg);
	-ms-transform: rotate(360deg);        /* IE 9 */
	-webkit-transform: rotate(360deg);    /* Safari and Chrome */
	-o-transform: rotate(360deg);        /* Opera */
	-moz-transform: rotate(360deg);        /* Firefox */
}

.pro2_process .list_box .box .num{
	line-height: 40px;
	font-weight: bold;
	color: #0070bd;
	border-bottom: 1px dashed #eeeeee;
}

.pro2_process .list_box .box .name{
	line-height: 50px;
	font-size: 16px;
}

.pro2_process .photo_box{
	position: relative;
}

.pro2_process .photo_box .des{
	position: relative;
	width: 100%;
	top: -50px;
	line-height: 50px;
	text-align: center;
	background: url(../image/blue_80.webp) 0 0 repeat;
	font-size: 16px;
	color: #fff;
}

.pro2_process .sign{
	width: 100%;
	height: 150px;
	background: #0070bd;
	position: absolute;
	bottom: 250px;
	z-index: -1;
}


/*pro2_tennis_tab_zone*/
.pro2_tennis_tab_zone ul li{
	display: inline-block;
	cursor: pointer;
	height: 40px;
	width: 40px;
	margin: 15px 10px;
	background: #000;
	border: 4px solid #fff;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#999',Direction=0, Strength=10);/*for ie6,7,8*/ 
    -moz-box-shadow:0px 0px 10px #999;/*firefox*/ 
    -webkit-box-shadow:0px 0px 10px #999;/*webkit*/ 
    box-shadow:0px 0px 10px #999;/*opera或ie9*/ 
}

.pro2_tennis_tab_zone ul .box1{
	background: #2E5886;
}

.pro2_tennis_tab_zone ul .box1:hover{
	border-color: #2E5886;
}

.pro2_tennis_tab_zone ul .box1.uk-active{
	border-color: #2E5886;
}

.pro2_tennis_tab_zone ul .box2{
	background: #F2D12D;
}

.pro2_tennis_tab_zone ul .box2:hover{
	border-color: #F2D12D;
}

.pro2_tennis_tab_zone ul .box2.uk-active{
	border-color: #F2D12D;
}

.pro2_tennis_tab_zone ul .box3{
	background: #A6B12A;
}

.pro2_tennis_tab_zone ul .box3:hover{
	border-color: #A6B12A;
}

.pro2_tennis_tab_zone ul .box3.uk-active{
	border-color: #A6B12A;
}

.pro2_tennis_tab_zone ul .box4{
	background: #673733;
}

.pro2_tennis_tab_zone ul .box4:hover{
	border-color: #673733;
}

.pro2_tennis_tab_zone ul .box4.uk-active{
	border-color: #673733;
}

.pro2_tennis_tab_zone ul .box5{
	background: #483B51;
}

.pro2_tennis_tab_zone ul .box5:hover{
	border-color: #483B51;
}

.pro2_tennis_tab_zone ul .box5.uk-active{
	border-color: #483B51;
}

.pro2_tennis_tab_zone ul .box6{
	background: #546A3E;
}

.pro2_tennis_tab_zone ul .box6:hover{
	border-color: #546A3E;
}

.pro2_tennis_tab_zone ul .box6.uk-active{
	border-color: #546A3E;
}

.pro2_tennis_tab_zone ul .box7{
	background: #0F2E42;
}

.pro2_tennis_tab_zone ul .box7:hover{
	border-color: #0F2E42;
}

.pro2_tennis_tab_zone ul .box7.uk-active{
	border-color: #0F2E42;
}

.pro2_tennis_tab_zone ul .box8{
	background: #058896;
}

.pro2_tennis_tab_zone ul .box8:hover{
	border-color: #058896;
}

.pro2_tennis_tab_zone ul .box8.uk-active{
	border-color: #058896;
}

.pro2_tennis_tab_zone ul .box9{
	background: #D2898E;
}

.pro2_tennis_tab_zone ul .box9:hover{
	border-color: #D2898E;
}

.pro2_tennis_tab_zone ul .box9.uk-active{
	border-color: #D2898E;
}

.pro2_tennis_tab_zone ul .box10{
	background: #816D5B;
}

.pro2_tennis_tab_zone ul .box10:hover{
	border-color: #816D5B;
}

.pro2_tennis_tab_zone ul .box10.uk-active{
	border-color: #816D5B;
}

.pro2_tennis_tab_zone ul .box11{
	background: #373737;
}

.pro2_tennis_tab_zone ul .box11:hover{
	border-color: #373737;
}

.pro2_tennis_tab_zone ul .box11.uk-active{
	border-color: #373737;
}

.pro2_tennis_tab_zone ul .box12{
	background: #CE4B3A;
}

.pro2_tennis_tab_zone ul .box12:hover{
	border-color: #CE4B3A;
}

.pro2_tennis_tab_zone ul .box12.uk-active{
	border-color: #CE4B3A;
}

.pro2_tennis_tab_zone ul .box13{
	background: #914C37;
}

.pro2_tennis_tab_zone ul .box13:hover{
	border-color: #914C37;
}

.pro2_tennis_tab_zone ul .box13.uk-active{
	border-color: #914C37;
}

.pro2_tennis_tab_zone ul .box14{
	background: #214E6C;
}

.pro2_tennis_tab_zone ul .box14:hover{
	border-color: #214E6C;
}

.pro2_tennis_tab_zone ul .box14.uk-active{
	border-color: #214E6C;
}

.pro2_tennis_tab_zone ul .box15{
	background: #546147;
}

.pro2_tennis_tab_zone ul .box15:hover{
	border-color: #546147;
}

.pro2_tennis_tab_zone ul .box15.uk-active{
	border-color: #546147;
}

.pro2_tennis_tab_zone ul .box16{
	background: #5E7D4C;
}

.pro2_tennis_tab_zone ul .box16:hover{
	border-color: #5E7D4C;
}

.pro2_tennis_tab_zone ul .box16.uk-active{
	border-color: #5E7D4C;
}

.pro2_tennis_tab_zone ul .box17{
	background: #89AE7A;
}

.pro2_tennis_tab_zone ul .box17:hover{
	border-color: #89AE7A;
}

.pro2_tennis_tab_zone ul .box17.uk-active{
	border-color: #89AE7A;
}

.pro2_tennis_tab_zone ul .box18{
	background: #33AB79;
}

.pro2_tennis_tab_zone ul .box18:hover{
	border-color: #33AB79;
}

.pro2_tennis_tab_zone ul .box18.uk-active{
	border-color: #33AB79;
}

.pro2_tennis_tab_zone ul .box19{
	background: #9BCDA4;
}

.pro2_tennis_tab_zone ul .box19:hover{
	border-color: #9BCDA4;
}

.pro2_tennis_tab_zone ul .box19.uk-active{
	border-color: #9BCDA4;
}

.pro2_tennis_tab_zone ul .box20{
	background: #355D80;
}

.pro2_tennis_tab_zone ul .box20:hover{
	border-color: #355D80;
}

.pro2_tennis_tab_zone ul .box20.uk-active{
	border-color: #355D80;
}

.pro2_tennis_tab_zone ul .box21{
	background: #335C7F;
}

.pro2_tennis_tab_zone ul .box21:hover{
	border-color: #335C7F;
}

.pro2_tennis_tab_zone ul .box21.uk-active{
	border-color: #335C7F;
}

.pro2_tennis_tab_zone ul .box22{
	background: #81A6BB;
}

.pro2_tennis_tab_zone ul .box22:hover{
	border-color: #81A6BB;
}

.pro2_tennis_tab_zone ul .box22.uk-active{
	border-color: #81A6BB;
}

.pro2_tennis_tab_zone ul .box23{
	background: #A8C3CB;
}

.pro2_tennis_tab_zone ul .box23:hover{
	border-color: #A8C3CB;
}

.pro2_tennis_tab_zone ul .box23.uk-active{
	border-color: #A8C3CB;
}

.pro2_tennis_tab_zone ul .box24{
	background: #6A5E6D;
}

.pro2_tennis_tab_zone ul .box24:hover{
	border-color: #6A5E6D;
}

.pro2_tennis_tab_zone ul .box24.uk-active{
	border-color: #816D5B;
}

.pro2_tennis_tab_zone ul .box25{
	background: #C8BBBD;
}

.pro2_tennis_tab_zone ul .box25:hover{
	border-color: #C8BBBD;
}

.pro2_tennis_tab_zone ul .box25.uk-active{
	border-color: #C8BBBD;
}

.pro2_tennis_tab_zone ul .box26{
	background: #814935;
}

.pro2_tennis_tab_zone ul .box26:hover{
	border-color: #814935;
}

.pro2_tennis_tab_zone ul .box26.uk-active{
	border-color: #814935;
}

.pro2_tennis_tab_zone ul .box27{
	background: #C26B28;
}

.pro2_tennis_tab_zone ul .box27:hover{
	border-color: #C26B28;
}

.pro2_tennis_tab_zone ul .box27.uk-active{
	border-color: #C26B28;
}

.pro2_tennis_tab_zone ul .box28{
	background: #B27670;
}

.pro2_tennis_tab_zone ul .box28:hover{
	border-color: #B27670;
}

.pro2_tennis_tab_zone ul .box28.uk-active{
	border-color: #B27670;
}

.pro2_tennis_tab_zone ul .box29{
	background: #D99B7D;
}

.pro2_tennis_tab_zone ul .box29:hover{
	border-color: #D99B7D;
}

.pro2_tennis_tab_zone ul .box29.uk-active{
	border-color: #D99B7D;
}

.pro2_tennis_tab_zone ul .box30{
	background: #6B5637;
}

.pro2_tennis_tab_zone ul .box30:hover{
	border-color: #6B5637;
}

.pro2_tennis_tab_zone ul .box30.uk-active{
	border-color: #6B5637;
}

.pro2_tennis_tab_zone ul .box31{
	background: #987A46;
}

.pro2_tennis_tab_zone ul .box31:hover{
	border-color: #987A46;
}

.pro2_tennis_tab_zone ul .box31.uk-active{
	border-color: #987A46;
}

.pro2_tennis_tab_zone ul .box32{
	background: #C99313;
}

.pro2_tennis_tab_zone ul .box32:hover{
	border-color: #C99313;
}

.pro2_tennis_tab_zone ul .box32.uk-active{
	border-color: #C99313;
}

.pro2_tennis_tab_zone ul .box33{
	background: #DEBB61;
}

.pro2_tennis_tab_zone ul .box33:hover{
	border-color: #DEBB61;
}

.pro2_tennis_tab_zone ul .box33.uk-active{
	border-color: #DEBB61;
}

.pro2_tennis_tab_zone ul .box34{
	background: #6A6A68;
}

.pro2_tennis_tab_zone ul .box34:hover{
	border-color: #6A6A68;
}

.pro2_tennis_tab_zone ul .box34.uk-active{
	border-color: #6A6A68;
}

.pro2_tennis_tab_zone ul .box35{
	background: #BCBDB6;
}

.pro2_tennis_tab_zone ul .box35:hover{
	border-color: #BCBDB6;
}

.pro2_tennis_tab_zone ul .box35.uk-active{
	border-color: #BCBDB6;
}

.pro2_tennis_tab_zone ul .box36{
	background: #FFFFFF;
}

.pro2_tennis_tab_zone ul .box36:hover{
	border-color: #FFFFFF;
}

.pro2_tennis_tab_zone ul .box36.uk-active{
	border-color: #FFFFFF;
}

.pro2_tennis_tab_zone .title{
	line-height: 50px;
	font-size: 20px;
}

.pro2_tennis_tab_zone .pro_tennis_site_tab{
	border-bottom: 1px dashed #ccc;
}

.pro2_tennis_tab_zone .pro_tennis_color_tab{
	border-bottom: 1px dashed #ccc;
}

/* max-width: 960px */

@media (max-width: 960px) {

	/*title*/
	.pro_style_2 .title_style .ch{
		font-size: 18px;
		line-height: 20px;
		color: #0070bd;
	}

	.pro_style_2 .title_style .en{
		font-size: 12px;
		color: #959595;
		text-transform: uppercase;
	}

	.pro_style_2 .title_style2 .ch{
		font-size: 18px;
		line-height: 20px;
		color: #fff;
	}

	.pro_style_2 .title_style2 .en{
		font-size: 12px;
		color: #eeeeee;
		text-transform: uppercase;
	}
	
	/*pro2_brand_1*/
	.pro2_brand_1 .group_box{
		padding-bottom: 20px;
	}

	.pro2_brand_1 .group_box .box2 .title{
		line-height: 40px;
		font-size: 16px;
		color: #0070bd;
	}

	.pro2_brand_1 .group_box .box2 .des p{
		font-size: 14px;
		line-height: 24px;
	}

	.pro2_brand_1 .size_box .box{
		height: auto;
		margin-bottom: 15px;
	}

	.pro2_brand_1 .size_box .uk-panel{
		border: 1px solid #ccc;
		padding: 10px 0px;
	}

	.pro2_brand_1 .size_box .uk-panel .uk-panel-title{
		font-size: 16px;
		font-weight: bold;
		color: #0070bd;
		margin-bottom: 0px;
	}

	.pro2_brand_1 .size_box .uk-panel .des_box2{
		line-height: 24px;
		font-size: 14px;
	}

	.pro2_brand_1 .size_box .box1 , .pro2_brand_1 .size_box .box6{
		margin-top: 0px;
	}

	.pro2_brand_1 .size_box .box2 , .pro2_brand_1 .size_box .box5{
		margin-top: 0px;
	}

	/*pro2_brand_2*/
	.pro2_brand_2{
		width: 100%;
		position: relative;
	}

	.pro2_brand_2 .sign{
		height: 150px;
		width: 100%;
		background: #0070bd;
		position: absolute;
		bottom:150px;
		z-index: -1;
	}

	/*pro2_brand_3*/
	.pro2_brand_3 .company_box .box .des{
		padding: 0px 20px;
	}

	.pro2_brand_3 .company_box .box .des p{
		font-size: 16px;
		line-height: 28px;
	}

	/*pro2_system
	-----------------------------------------------------*/
	.pro2_system .system_zone{
		background: #fff;
	}

	.pro2_system .system_zone .box1, .pro2_system .system_zone .box2{
		margin-top: 0px;
		margin-bottom: 15px;
	}

	/*pro2_system_photo
	----------------------------------------------------*/
	.pro2_system_photo{
		position: relative;
	}

	.pro2_system_photo .uk-slidenav-previous {
		left: 0px;
	}

	.pro2_system_photo .uk-slidenav-next {
		right: 0px;
	}
	

	/* pro2_adv*/

	.pro2_adv .right_box{
		width: auto;
		float: none;
	}

	.pro2_adv .right_box ul li{
		height: auto;
		width: 100%;
		background: #0070bd;
		float: left;
		margin-left: 0px;
		margin-bottom: 15px;
		padding: 15px 0px;
	}

	.pro2_adv .right_box ul li p{
		padding: 0px 20px;
		font-size: 14px;
		color: #fff;
	}

	/*pro2_contast*/
	.pro2_contast .img_box{
		width: 50%;
		margin: 15px auto;
	}
	
	.pro2_contast .info p{
		font-size: 14px;
		line-height: 24px;
	}

	.pro2_contast .box1 .info{
		text-align: center;
		margin-bottom: 15px;
	}

	.pro2_contast .box2 .info{
		text-align: center;
	}
	
	/*pro2_process*/
	.pro2_process{
		position: relative;
	}

	.pro2_process .list_box .box .img_box{
		padding: 15px;
		border: 1px solid #eeeeee;
	}

	.pro2_process .list_box .box .num{
		line-height: 40px;
		font-weight: bold;
		color: #0070bd;
		border-bottom: 1px dashed #eeeeee;
	}

	.pro2_process .list_box .box .name{
		line-height: 50px;
		font-size: 16px;
	}
	
	.pro2_process .list_box .box .img_box{
		width: 50%;
		margin: 0 auto;
	}



	.pro2_process .photo_box .des{
		position: relative;
		width: 100%;
		top: -50px;
		line-height: 50px;
		text-align: center;
		background: url(../image/blue_80.webp) 0 0 repeat;
		font-size: 16px;
		color: #fff;
	}

	.pro2_process .sign{
		width: 100%;
		height: 150px;
		background: #0070bd;
		position: absolute;
		bottom: 250px;
		z-index: -1;
	}


}


/*pro3_tennis_tab_zone
-------------------------------------------------------------------*/

.pro3_tennis_tab_zone ul li{
	display: inline-block;
	cursor: pointer;
	height: 40px;
	width: 40px;
	margin: 15px 10px;
	background: #000;
	border: 4px solid #fff;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#999',Direction=0, Strength=10);/*for ie6,7,8*/ 
    -moz-box-shadow:0px 0px 10px #999;/*firefox*/ 
    -webkit-box-shadow:0px 0px 10px #999;/*webkit*/ 
    box-shadow:0px 0px 10px #999;/*opera或ie9*/ 
}

.pro3_tennis_tab_zone ul .box1{
	background: #0067b2;
}

.pro3_tennis_tab_zone ul .box1:hover{
	border-color: #0067b2;
}

.pro3_tennis_tab_zone ul .box1.uk-active{
	border-color: #0067b2;
}

.pro3_tennis_tab_zone ul .box2{
	background: rgb(4,91,183);
}

.pro3_tennis_tab_zone ul .box2:hover{
	border-color: rgb(4,91,183);
}

.pro3_tennis_tab_zone ul .box2.uk-active{
	border-color:16:01 2021/6/24rgb(4,91,183);
}

.pro3_tennis_tab_zone ul .box3{
	background: #15244d;
}

.pro3_tennis_tab_zone ul .box3:hover{
	border-color: #15244d;
}

.pro3_tennis_tab_zone ul .box3.uk-active{
	border-color: #15244d;
}

.pro3_tennis_tab_zone ul .box4{
	background: rgb(20,80,155)
}

.pro3_tennis_tab_zone ul .box4:hover{
	border-color: rgb(20,80,155)
}

.pro3_tennis_tab_zone ul .box4.uk-active{
	border-color: rgb(20,80,155)
}

.pro3_tennis_tab_zone ul .box5{
	background: rgb(30,60,110);
}

.pro3_tennis_tab_zone ul .box5:hover{
	border-color: rgb(30,60,110);
}

.pro3_tennis_tab_zone ul .box5.uk-active{
	border-color: rgb(30,60,110);
}

.pro3_tennis_tab_zone ul .box6{
	background: rgb(20,50,90);
}

.pro3_tennis_tab_zone ul .box6:hover{
	border-color: rgb(20,50,90);
}

.pro3_tennis_tab_zone ul .box6.uk-active{
	border-color: rgb(20,50,90);
}

.pro3_tennis_tab_zone ul .box7{
	background: #2e592c;
}

.pro3_tennis_tab_zone ul .box7:hover{
	border-color: #2e592c;
}

.pro3_tennis_tab_zone ul .box7.uk-active{
	border-color: #2e592c;
}

.pro3_tennis_tab_zone ul .box8{
	background: rgb(46,84,45);
}

.pro3_tennis_tab_zone ul .box8:hover{
	border-color: rgb(46,84,45);
}

.pro3_tennis_tab_zone ul .box8.uk-active{
	border-color: rgb(46,84,45);
}

.pro3_tennis_tab_zone ul .box9{
	background: rgb(24,166,88);
}

.pro3_tennis_tab_zone ul .box9:hover{
	border-color: rgb(24,166,88);
}

.pro3_tennis_tab_zone ul .box9.uk-active{
	border-color: #rgb(24,166,88);
}

.pro3_tennis_tab_zone ul .box10{
	background: rgb(220,132,29);
}

.pro3_tennis_tab_zone ul .box10:hover{
	border-color: rgb(220,132,29);
}

.pro3_tennis_tab_zone ul .box10.uk-active{
	border-color: rgb(220,132,29);
}

.pro3_tennis_tab_zone ul .box11{
	background: rgb(229,130,89);
}

.pro3_tennis_tab_zone ul .box11:hover{
	border-color: rgb(229,130,89);
}

.pro3_tennis_tab_zone ul .box11.uk-active{
	border-color: rgb(229,130,89);
}

.pro3_tennis_tab_zone ul .box12{
	background: rgb(235,72,41);
}

.pro3_tennis_tab_zone ul .box12:hover{
	border-color: rgb(235,72,41);
}

.pro3_tennis_tab_zone ul .box12.uk-active{
	border-color: rgb(235,72,41);
}

.pro3_tennis_tab_zone ul .box13{
	background: rgb(127,44,36)
}

.pro3_tennis_tab_zone ul .box13:hover{
	border-color: rgb(127,44,36)
}

.pro3_tennis_tab_zone ul .box13.uk-active{
	border-color: rgb(127,44,36)
}

.pro3_tennis_tab_zone ul .box14{
	background: rgb(223,109,138)
}

.pro3_tennis_tab_zone ul .box14:hover{
	border-color: rgb(223,109,138)
}

.pro3_tennis_tab_zone ul .box14.uk-active{
	border-color: rgb(223,109,138)
}

.pro3_tennis_tab_zone ul .box15{
	background: rgb(135,46,121)
}

.pro3_tennis_tab_zone ul .box15:hover{
	border-color: rgb(135,46,121)
}

.pro3_tennis_tab_zone ul .box15.uk-active{
	border-color: rgb(135,46,121)
}

.pro3_tennis_tab_zone ul .box16{
	background: rgb(113,120,128)
}

.pro3_tennis_tab_zone ul .box16:hover{
	border-color: rgb(113,120,128)
}

.pro3_tennis_tab_zone ul .box16.uk-active{
	border-color: rgb(113,120,128)
}



/*pro_style_3
-------------------------------------------------------------------*/

/*title*/
.pro_style_3 .title_style .ch{
	color: #7b96b9;
}

.pro_style_3 .title_style .en{
	color: #959595;
	text-transform: uppercase;
}

.pro_style_3 .title_style2 .ch{
	color: #fff;
}

.pro_style_3 .title_style2 .en{
	color: #eeeeee;
	text-transform: uppercase;
}

/*pro3_brand*/
.pro3_brand .brand_box{
	background: #7b96b9;
	padding:0px 30px;
	height: 100%;
}

.pro3_brand .brand_box{
	text-align: left;
}

.pro3_brand .brand_box .title .ch{
	font-size: 30px;
	color: #fff;
	padding-top: 30px;
	padding-bottom: 5px;
}

.pro3_brand .brand_box .title .en{
	font-size: 12px;
	color: #fff;
	padding-bottom: 20px;
}

.pro3_brand .brand_box .des{
	padding-bottom: 15px;
}

.pro3_brand .brand_box .des p{
	font-size: 16px;
	color: #fff;
	line-height: 32px;
}

/*pro3_feature*/
.pro3_feature .box .img_box{
	height: 110px;
	width: 110px;
	margin: 0 auto;
	transition: all 0.5s;
}

.pro3_feature .box .img_box:hover{
	transform: rotate(360deg);
	-ms-transform: rotate(360deg);        /* IE 9 */
	-webkit-transform: rotate(360deg);    /* Safari and Chrome */
	-o-transform: rotate(360deg);        /* Opera */
	-moz-transform: rotate(360deg);        /* Firefox */
}

.pro3_feature .box .name{
	font-size: 22px;
	font-weight: bold;
	color: #7b96b9;
	padding: 15px 0px;
}

.pro3_feature .box .des{
	font-size: 16px;
	line-height: 30px;
}

.pro3_feature .box1 .img_box{
	background: #0070bd;
}

.pro3_feature .box2 .img_box{
	background: #f4d500;
}

.pro3_feature .box3 .img_box{
	background: #9ecc5e;
}

.pro3_feature .title_box{
	margin-top: -200px;
}

/*pro3_adv*/
.pro3_adv{
	background: url(../image/pro3_adv_img.webp) top center no-repeat fixed;
}

.pro3_adv_tab ul{
	text-align: center;
}

.pro3_adv_tab ul li{
	display: inline-block;
	margin: 15px 20px;
}

.pro3_adv_tab ul li a{
	display: block;
	width: 150px;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	border: 1px solid #fff;
	color: #fff;
	border-radius: 30px;
	transition: all 0.5s;
}

.pro3_adv_tab ul li a:hover{
	background: #fff;
	color: #7b96b9;
}

.pro3_adv_tab ul li.uk-active a{
	background: #fff;
	color: #7b96b9;
}


.pro3_adv .pro3_adv_effect .zone{
	padding: 0px 25px;
}

.pro3_adv .pro3_adv_effect .img_box{
	border: 2px solid #eeeeee;
	transition: all 0.5s;
	cursor: pointer;
}

.pro3_adv .pro3_adv_effect .img_box:hover{
	transform: rotate(360deg);
	-ms-transform: rotate(360deg);        /* IE 9 */
	-webkit-transform: rotate(360deg);    /* Safari and Chrome */
	-o-transform: rotate(360deg);        /* Opera */
	-moz-transform: rotate(360deg);        /* Firefox */
}

.pro3_adv .pro3_adv_effect .name{
	font-size: 16px;
	line-height: 48px;
	color: #fff;
}

/*pro3_stru*/

.pro3_stru_tab ul{
	text-align: center;
}

.pro3_stru_tab ul li{
	display: inline-block;
	margin: 15px 20px;
}

.pro3_stru_tab ul li a{
	display: block;
	width: 200px;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	border: 1px solid #707070;
	color: #707070;
	border-radius: 30px;
	transition: all 0.5s;
}

.pro3_stru_tab ul li a:hover{
	background: #7b96b9;
	border: 1px solid #7b96b9;
	color: #fff;
}

.pro3_stru_tab ul li.uk-active a{
	background: #7b96b9;
	border: 1px solid #7b96b9;
	color: #fff;
}

/*pro3_use*/

.pro3_use{
	background: url(../image/pro3_use_bg.webp) top center no-repeat fixed;
}

.pro3_use_1 .box{
	transition: all 0.5s;
}

.pro3_use_1 .box:hover{
	margin-top: -25px;
}

.pro3_use_1 .box .img_box{
	padding: 0px 40px;
	border: 1px solid #fff;
}

.pro3_use_1 .box .icon{
	color: #fff;
	font-size: 15px;
	padding: 10px 0px;
	border: 1px solid #fff;
	border-top: none;
	transition: all 0.5s;
}

.pro3_use_1 .box:hover .icon{
	background: #fff;
	color: #7b96b9;
}

.pro3_use_1 .box .des{
	color: #fff;
	padding: 15px 0px;
	font-size: 15px;
	line-height: 26px;
}

.pro3_use_2 .img_box{
	padding: 5px;
	background: #fff;
}

.pro3_use_2 .des{
	padding: 15px 0px;
	font-size: 15px;
	line-height: 26px;
	color: #fff;
}

.pro3_use_2 .pro3_use_2_box{
	transition: all 0.5s;
	cursor: pointer;
}

.pro3_use_2 .pro3_use_2_box:hover{
	margin-top: -20px;
}

/* max-width: 960px */

@media (max-width: 960px) {

	/*pro3_adv*/
	

	.pro3_adv .pro3_adv_effect .name{
		font-size: 14px;
		line-height: 40px;
		color: #fff;
		margin-bottom: 15px;
	}	

	/*pro3_use*/


	.pro3_use_1 .box .img_box{
		padding: 0px 150px;
	}

	.pro3_use_1 .box .icon{
		color: #fff;
		font-size: 15px;
		padding: 10px 0px;
		border: 1px solid #fff;
		border-top: none;
	}

	.pro3_use_1 .box .des{
		color: #fff;
		padding: 15px 0px;
		font-size: 15px;
		line-height: 26px;
	}

	.pro3_use_2 .img_box{
		padding: 5px;
		background: #fff;
	}

	.pro3_use_2 .des{
		padding: 15px 0px;
		font-size: 15px;
		line-height: 26px;
		color: #fff;
	}
	
}


/*公用部分
-----------------------------------------------------*/

/*pro_case_photo*/
.pro_case_photo{
	padding: 25px;
	border: 1px solid #ccc;
}

.pro_case_photo .case_photo .title{
	line-height: 40px;
	font-size: 20px;
	text-align: left;
}

.pro_case_photo .pro_case_btn1, .pro_case_photo .pro_case_btn2{
	font-size: 80px;
	color: #ccc;
	transition: all 0.5s;
}

.pro_case_photo .pro_case_btn1:hover, .pro_case_photo .pro_case_btn2:hover{
	color: #fff;
}

.pro_case_photo .case_tab ul li{
	transition: all 0.5s;
}

.pro_case_photo .case_tab ul .uk-active{
opacity:0.6;
-moz-opacity:0.6;
-khtml-opacity:0.6;
filter:alpha(Opacity=60);
}


/*pro_honor*/
.pro_honor {
	position: relative;
	background: #f5f5f5;
}

.pro_honor .pro_honor_scroll .photo_box .name{
	line-height: 50px;
	font-size: 16px;
	background: #fff;
	border-top: 1px solid #eeeeee;
}

.pro_honor .pro_honor_scroll .uk-slidenav-previous{
	left: -60px;
}

.pro_honor .pro_honor_scroll .uk-slidenav-next{
	right: -60px;
}

/*pro_tennis*/
.pro_tennis_zone{
	position: relative;
}

.pro_tennis_site {
	position: absolute;
	left: 0px;
	top: 0px;
}

/*footer_wrap*/
.footer_wrap{
	width: 100%;
	line-height: 40px;
	background: #535353;
}

.footer_wrap p{
	color: #999;
	line-height: 40px;
}

.footer_wrap a{
	color: #999;
	line-height: 40px;
}


/*pro_nav_zone*/

.pro_nav_zone .title{
	line-height: 60px;
	font-size: 16px;
	color: #fff;
	border-bottom: 1px solid #555;
}

.pro_nav_zone .pro_logo_box{
	padding: 15px 0px;
	border-bottom: 1px solid #555;
	transition: all 0.5s;
}

.pro_nav_zone .pro_logo_box:hover{
	background: #444;
}

/*pro_nav*/

.pro_nav{
	text-align: center;
	margin-bottom: 40px;
}

.pro_nav a{
	display: inline-block;
	height: 40px;
	width: 40px;
	line-height: 22px;
	padding: 20px;
	font-size: 20px;
	color: #fff;
	border-radius: 100px;
	margin: 15px;
	transition: all 0.5s;
	border: 3px solid #fff;
}

.pro_nav a:hover{
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#ccc',Direction=0, Strength=15);/*for ie6,7,8*/ 
	-moz-box-shadow:0px 0px 15px #ccc;/*firefox*/ 
	-webkit-box-shadow:0px 0px 15px #ccc;/*webkit*/ 
	box-shadow:0px 0px 15px #ccc;/*opera或ie9*/ 
}

.pro1_nav a{
	background: #ea5405;
}

.pro2_nav a{
	background: #0070bd;
}

.pro3_nav a{
	background: #7b96b9;
}

/*top_nav_wrap*/
.top_nav_wrap{
	z-index: 9;
	width: 100%;
	position: absolute;
	top: 0px;
	transition: all 0.5s;
}

.top_nav_wrap a{
	padding: 25px 20px;
	font-size: 20px;
	color: #ccc;
	transition: all 0.5s;
}

.top_nav_wrap a:hover{
	color: #fff;
}


.top_nav_wrap a span{
	font-size: 16px;
	padding-left: 5px;
	font-family: "Microsoft YaHei";
}

.top_nav_1{
	background: #fff;
	z-index: 2;
}

.top_nav_1 a{
	color: #666;
}

.top_nav_1 a:hover{
	color: #000;
}


/* max-width: 960px */

@media (max-width: 960px) {
	.top_nav_wrap{
	}

	.top_nav_wrap a{
		padding: 15px 10px;
		font-size: 12px;
		color: #FFFFFF;
	}
	
	.top_nav_1{
	background: #fff;
	z-index: 2;
}

	.top_nav_1 a{
		color: #666;
	}
	
}




.pro_tennis_site ul li{ position:relative;}
.pro_tennis_site ul li h4{ position:absolute; bottom:100px; color:#fff; text-align:center; width:100%; font-size:18px;}


.pro_tennis_color ul li h4{  color:#fff; text-align:center; width:100%; margin-top:-40px;font-size:18px; padding-bottom:15px;}