@import url("base.css");
@import url("public.css");
@import url("skeleton.css");
/*@import url("fwslider.css");*/
/*@import url("allinone_carousel.css");*/
@import url("owl.carousel.css");


/*产品*/
.product{
	color: #666;
	padding: 2% 0;
	font-size: 40px;
}
.prodcon{
	padding: 5% 20px 27% 0;
}
.prodcon .picon,.prodcon .ptxt{
	float: left;

}
.prodcon .picon{
	display: block;
	width: 30%;
}
.prodcon .ptxt{
	width: 70%;
}
.prodcon .ptxt span{
	display: block;
	float: left;
}
.prodcon .picon img{
	vertical-align: middle;
}

.sportsever{
	width: 100%;
	background: #ffcc33;
}

/*服务*/
.severcon, .partner{
	float: left;
	display: block;
	width: 100%;
}
.severcon span{
	display: block;
}
.bigtxt{
	font-size: 40px;
}
.smalltxt{
	font-size: 14px;
}
.htxt{
	padding: 2% 0;
	font-family: "微软雅黑";
}
.pd{
	padding-bottom: 3%;
}
.pp{
	padding: 3% 0;
}

#bannerBg{
    overflow: hidden;
}


.hezuo{
    width: 100%;
    float: left;
    padding-bottom: 5%;
    text-align: left;
}

.hezuo .imgpd{
    padding:0 2%;
}
.hezuo .imgpd01{
    padding:0 2%;
    vertical-align: top;
}

.hezuo a .img01{
	width: 100px;
	padding-left: 2%;
}
.hezuo a .img02{
	width: 80px;
}
.hezuo a .img03{
	width: 70px;
}
.hezuo a .img04{
	width: 85px;
}
.hezuo a .img05{
	width: 105px;
}
.hezuo a .img06{
	width: 86px;
	margin-top: 1%;
}
.img07{
	width: 100px;
	vertical-align: top;
	margin-top: 1%;
	margin-left: 1%;
	
}
.hezuo a .img08{
	width: 130px;
	margin-top: 2%;
/*	margin-left: 2%;*/
}
.hezuo a .img09{
	width: 200px;
	margin-top: 2%;
}





em img{
	padding-left: 1%;
}
.ftul .li01  a{
	color: #ccc;
}
.prodcon .ptxt .dlbtn01{
    padding-left: 1em;
    color: #ff6600;
}
.prodcon .ptxt .dlbtn02{
    padding-left: 1em;
    color: #006633;
}
.prodcon .ptxt .dlbtn03{
    padding-left: 1em;
    color: #014893;
}

.prodcon .ptxt .dlbtn04{
    padding-left: 1em;
    color: #52248c;
}



/*焦点图*/
.flexslider{
	position:relative;
	height:100%;
	overflow:hidden;
	background:url(../images/loading.gif) 50% no-repeat; 
	}

.slides{display:block; width:100%; height:100%;  margin:0 auto; position:relative;}
.slides li{display:block; width:100%; height:100%;   position:absolute;}
.slides li img{ position:relative; left:50%; margin-left:-50%;width: 100%;display: block;}

.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:10%;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:10%;background:url(../images/next.png) center center no-repeat;}

/**/
.slideBox{ position:relative; overflow:hidden; margin:10px auto;  max-width:850px;padding-bottom: 5%; }
	.slideBox .hd{ position:absolute; height:28px; line-height:28px; bottom:10%; right:0; z-index:1; }
	.slideBox .hd li{  display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#333; text-indent:-9999px; overflow:hidden; margin:0 6px;   }
	.slideBox .hd li.on{ background:#fff;  }
	.slideBox .bd{ position:relative; z-index:0; }
	.slideBox .bd li{ position:relative; text-align:center; }
	.slideBox .bd li img{ background:url(images/loading.gif) center center no-repeat;  vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */}
	.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */
	.slideBox .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; background:url(images/focusBg.png) repeat-x; color:#fff;  text-align:left;  }

/**/


@media only screen  and (min-width: 320px) and (max-width: 480px){
.flex-direction-nav{top:40%;}
.flex-direction-nav li a{width:30px;height:30px;}
.hezuo{
	width: 100%;
}
 
.hezuo .imgpd {
  padding: 0 5%;
}
.hezuo a .img01{
	width: 70px;
	padding: 0 5%;
}
.hezuo a .img02{
	width: 60px;
}
.hezuo a .img03{
	width: 50px;
}
.hezuo a .img04{
	width: 60px;
	

}
.hezuo a .img05{
	width: 75px;
	margin-left: 2%;
}
.hezuo a .img06{
	width: 60px;
	margin-top: 1%;
	margin-left: 2%;
}
.img07{
	width: 75px;
	margin-left: 0%;
}
.hezuo a .img08{
	width: 110px;
	vertical-align: top;
	margin-top: 8%;
	margin-left: 2%;
}
.hezuo a .img09{
	width: 140px;
}

}
@media only screen and (-webkit-min-device-pixel-ratio: 3)  and (min-width: 414px){
	.flex-direction-nav{top:40%;}
	.flex-direction-nav li a{width:30px;height:30px;}
.hezuo{
	width: 100%;
  /*  text-align: center;*/
}

.hezuo .imgpd {
  padding: 0 5%;
}
.hezuo a .img01{
	width: 70px;
}
.hezuo a .img02{
	width: 60px;
}
.hezuo a .img03{
	width: 50px;
}
.hezuo a .img04{
	width: 60px;
	margin-left: 0%;

}
.hezuo a .img05{
	width: 75px;
	margin-left: 2%;
}
.hezuo a .img06{
	width: 60px;
	margin-top: 1%;
	margin-left: 4%;
}
.img07{
	width: 80px;
	margin-left: 0%;
}
.hezuo a .img08{
	width: 110px;
	vertical-align: top;
	margin-top: 8%;
	margin-left: 2%;
}
.hezuo a .img09{
	width: 140px;
}

}