@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,caption,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: none;
	font: inherit;
	vertical-align: baseline;
	font-family: "微软雅黑";
}
a,img,button,input,textarea{-webkit-tap-highlight-color:rgba(255,255,255,0);}
ul, li{ list-style:none;}
a,a:hover{ text-decoration:none;}
button{ cursor:pointer;}
body{ background: #fff; }
button,input{font-family: "微软雅黑";}


.w1032{ width: 1200px; margin: 0 auto;}
/**/
header{ width: 100%; background: #000; height: 75px; overflow: hidden;}
header a img{height: 58px; margin: 9px -3px 4px;}
header span{ float: right !important;}
header span .button{ border-radius: 4px; padding:7px 30px; display: block; font-size: 14px; margin-top: 23px; float: left; overflow: hidden;}
header span .button:last-child{ margin-left: 15px;}
header span .login{ color: #fff; background: #222; border:1px #fff solid; cursor: pointer;}
header span .login:hover{ background: #fff; border:1px #fff solid; color: #222;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
header span .register{ background: #fff; border:1px #fff solid; color: #222; cursor: pointer;}
header span .register:hover{ color: #fff; background: #222; border:1px #fff solid;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
header span p{ color: #fff; line-height: 75px;}
header span a{ background: #07b383; border-radius: 4px; color: #fff; padding:5px 15px; font-size: 13px;}
header span a:hover{ background: #05926b;color: #fff;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s; text-align: none;}
/**/
.rslides{
	position:relative;
	list-style:none;
	overflow:hidden;
	width:100%;
	padding:0;
	margin:0;
}
.rslides li{
	-webkit-backface-visibility:hidden;
	position:absolute;
	display:none;
	width:100%;
	left:0;
	top:0;
}
.rslides li:first-child{
	position:relative;
	display:block;
	float:left;
}
.rslides img{
	display:block;
	height:auto;
	float:left;
	width:100%;
	border:0;
}
/*pager*/
.callbacks_tabs.callbacks1_tabs{margin-top:-40px; position:relative;z-index:100;margin-bottom:20px;}
.callbacks_tabs.callbacks1_tabs li{display:inline-block;width:10px;height:10px;margin-left:5px;border-radius:10px;border:1px solid #FFF;position:relative;}
.callbacks_tabs.callbacks1_tabs li a{display:inline-block;width:10px;height:10px;border-radius:10px;position:absolute; left:0; z-index:1000; color:rgba(100,200,300,0);color:transparent;}
.callbacks_tabs.callbacks1_tabs li.callbacks_here a{background:#FFF;}

/* Callback example */
.callbacks_container{
	margin-bottom:2px;
	position:relative;
	width:100%;
	max-width:100%;
	text-align:center;
}
.callbacks{
	position:relative;
	list-style:none;
	overflow:hidden;
	width:100%;
	padding:0;
	margin:0;
}
.callbacks li{
	position:absolute;
	width:100%;
	left:0;
	top:0;
}
.callbacks img{
	display:block;
	position:relative;
	z-index:1;
	height:auto;
	width:100%;
	border:0;
}
.callbacks .caption{
	display:block;
	position:absolute;
	z-index:2;
	font-size:20px;
	text-shadow:none;
	color:#fff;
	background:#000;
	background:rgba(0,0,0, .8);
	left:0;
	right:0;
	bottom:0;
	padding:10px 20px;
	margin:0;
	max-width:none;
}
.callbacks_nav{
	position:absolute;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	top:50%;
	left:0;
	opacity:0.6;
	z-index:3;
	text-indent:-9999px;
	overflow:hidden;
	text-decoration:none;
	height:61px;
	width:38px;
	background:transparent url("../images/themes.gif") no-repeat left top;
	margin-top:-30px;
	display:none;
}
.callbacks_container:hover .callbacks_nav{display:block;}
.callbacks_nav:active{opacity:1.0;}
.callbacks_nav.next{
	left:auto;
	background-position:right top;
	right:0;
}

@media screen and (max-width:600px){
	.callbacks_nav{
		top:47%;
	}
}
/**/
.youshi{ width: 100%; background: #f1f2f7; padding:85px 0; overflow: hidden;}
.youshi ul{ width: 1060px; margin: 0 auto;}
.youshi ul li{ float: left; cursor: pointer;}
.youshi ul li:hover{ transform: translateY(-3px);-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
/**/
.ll-one{ width: 100%; text-align: center; overflow: hidden; display: flex;}
/**/
.bjf4{ background: #f4f4f4;}
/**/
footer{ background: #222222; padding:50px 0; overflow: hidden; text-align: center; color: #ccc; font-size: 12px; line-height: 1.8em;}
@media(min-width:481px){
	.youshi ul li{ width: 265px; }
}
.w1032 a.col-md-1{ color: #fff; height: 75px; line-height: 75px;}
@media(max-width:480px){
	.w1032 a.col-md-1{ display: none;}
	header a img{ width:130px !important; margin-top:12px !important;}
	header span .button{ padding:7px 20px !important; margin-left: 8px !important; float:right;}
	.youshi{ padding:15px 0; margin:0;}
	.youshi ul{ width:auto;}
	.youshi ul li{ margin:15px 0;}
	.w1032{ width:auto;}
	footer{padding: 15px; overflow: hidden; line-height: 24px;}
}