@charset "utf-8";
i,em{font-style: normal;}

.fl {float:left;}
.fr {float:right;}
.clear{clear:both;}
.w0{width: 100%;}
.w1200{width: 1200px;margin:0 auto;}
.w1140{width: 1140px;margin:0 auto;}

/*header start*/
.header{position: absolute;z-index: 999;width: 100%;padding: 10px 0; background: rgba(255,255,255,.7);}
.header .row{width: 85%;margin: 0 auto}
.header .logo img{height: 62px;}

.header .lan{float: right;}
.header .lan a{display: inline-block;padding:  0 10px;line-height: 62px;font-size: 16px;}

nav{width: 64%;position: relative;z-index: 9999999;float: right;margin-right: 3%}
.flexnav {*zoom: 1;-webkit-transition: 0;-moz-transition: 0;-o-transition: 0;transition: 0;-webkit-transform-style: preserve-3d;overflow: hidden;margin: 0 auto;max-height: 0;}
.flexnav:after {content: "";display: table;clear: both;}
.flexnav.show {max-height: 2000px;-webkit-transition: 1s;-moz-transition: 1s;-o-transition: 1s;transition: 1s;position: absolute;background: #dfdfdf;}
.flexnav.one-page {position: fixed;top: 50px;right: 5%;max-width: 200px;}
.flexnav li {font-size: 100%;position: relative;overflow: hidden;border-bottom: 1px solid #eee;}
.flexnav li a {position: relative;display: block;overflow: hidden;color: #333;font-size: 16px}
.flexnav li ul {width: 100%;}
.flexnav li ul li {font-size: 100%;position: relative;overflow: hidden;border-bottom: 1px solid #fff;}
.flexnav li ul.show li {overflow: visible;}
.flexnav li ul li a {display: block;background: rgba(255,255,255,0.8);}
.flexnav ul li ul li a {background: #bfbfbc;}
.flexnav ul li ul li ul li a {background: #cbcbc9;}
.flexnav .touch-button {position: absolute;z-index: 999;top: 0;right: 0;width: 50px;height: 50px;display: inline-block;background: #acaca1;background: rgba(0, 0, 0, 0.075);text-align: center;}
.flexnav .touch-button:hover {cursor: pointer;}
.flexnav .touch-button .navicon {position: relative;top: 1.4em;font-size: 12px;color: #666;}
/*header start*/

/*banner start*/
.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{
	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:-10px;
	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%;
	}
}
/*banner end*/

/*index_main start*/
.index_main ul li{padding: 0px;overflow: hidden;box-shadow: 0px 20px 20px -20px #5E5E5E;}
.index_main ul li a{display: block;margin: 5px;overflow:hidden; }
.index_main ul li img{width: 100%;-moz-transition:.5s ease-in;-webkit-transition:.5s ease-in;-o-transition:.5s ease-in;-ms-transition:.5s ease-in;transition:.5s ease-in;}
.index_main ul li:hover img{transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05);-webkit-transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05)}
/*index_main end*/

/*footer start*/
.footer{padding: 2% 0 ;background: #efefef;text-align: center;margin-top: 20px;}
.footer .foot_l,.footer .foot_m,.footer .foot_r{text-align: center;padding: 0px;}
.footer .foot_l ul{width: 60%;margin:0 auto;}
.footer .foot_l ul li{float: left;width: 50%;line-height: 300%;font-size: 16px}
.footer .foot_m b{font-size: 40px;letter-spacing: 13px;padding-left: 10px;display: block;padding-bottom:8px}
.footer .foot_m p{display:block;font-size: 15px;letter-spacing: 5px;width: 195px;padding-left:3px;height: 26px;text-align: center;line-height: 26px;border:1px solid #aaa;margin: 0 auto;}
.footer .foot_r p{line-height: 200%;display: block;width: 390px;margin: 0 auto;}
/*footer end*/

@media (min-width: 993px) and (max-width: 1450px) {
	nav{width: 64%;margin-right: 0}
}
/*大屏幕电脑 & 小屏幕电脑*/
@media (min-width: 993px) {
	/*header start*/
	
	nav{width: 65%;}
	.flexnav {overflow: visible;}
    .flexnav.one-page {top: 0;right: auto;max-width: 1080px;}
    .flexnav li {position: relative;list-style: none;float: left;display: block;width: 14.2%;overflow: visible;z-index: 999999;border:none;}
    .flexnav > li{float: left;width:14%;height: 62px;background: url(../images/nav_line.jpg) no-repeat center left;}
    .flexnav li > a{color: #333;font-size: 16px;margin-left: 18px;display: block;font-family:Arial, Helvetica, sans-serif;}
    .flexnav li > a i{display: block;font-size: 11px;color: #c1c1c1;margin: 11px 0 0 2px;font-style: normal;letter-spacing: 1px;}
    .flexnav li > ul {position: absolute;top: 60px;left: 0;display: block;}
    .flexnav li > ul li {width: 100%;height:40px;line-height:40px;}
    .flexnav li ul li a {border-bottom: none;line-height: 40px;font-size: 12px; font-family:Arial, Helvetica, sans-serif;color: #333;background: #f1f1f1;margin: 0;text-align: center;}
    .flexnav li ul.open {display: block;opacity: 1;visibility: visible;z-index: 99;}
    .flexnav li ul.open li {overflow: visible; max-height: 100px;}
    .flexnav li ul.open ul.open {margin-left: 100%;top: 0;}
    .flexnav li .touch-button{display: none;}
	.menu-button {display: none;}
	
	.flexnav li ul li:hover a{background: #C10001;color: #fff;}
}

/*小屏幕电脑*/
@media (min-width: 993px) and (max-width: 1200px) {
	/*header start*/
	.header .logo img{height: 50px;margin-top:6px}
	.header .row{width: 95%}
	.flexnav li > a{font-size: 15px;margin-left: 10px;}

	/*footer start*/
	.footer .foot_l ul{width: 70%;}
	.footer .foot_l ul li{font-size: 15px}
	.footer .foot_r p{font-size: 14px;}

}

/*手机 & 平板*/
@media (max-width: 992px) {	
	/*header start*/
	.header .row{width: 100%}
	.header .logo img{height:45px;margin-left: 20px}
	
	.header .lan{margin-right: 10px}
	.header .lan a{ line-height: 40px;}
	nav{width: 100%;margin-right: 0px;position: relative; z-index: 9999999;}
	.flexnav{width: 100%}
	.flexnav li a{ line-height: 50px;padding-left: 20px;}
	.flexnav li a i{display: none;}
	.header .menu-button{display: block;padding: 8px 10px 6px;border: 1px solid #ccc;border-radius: 5px;margin:2px 20px 12px 0;}
	.header .menu-button > i{display: block;margin-bottom: 3px;width: 20px;height: 2px;background: #ccc;}
	.header .menu-button .navicon{display: none;}

	/*banner start*/
	.callbacks img{
		display:block;
		position:relative;
		z-index:1;
		height:auto;
		border:0;
	    left: 50%;
	    transform: translate3d(-50%, 0, 0);
	    width: calc(1.5*100%);
	}

	/*footer start*/
	.footer .foot_r{padding-top: 2%}
	.footer .foot_r p{font-size: 15px;text-align: center;width: 100%;}
	
}

/*平板*/
@media (min-width: 768px) and (max-width: 992px) {

}

/*手机*/
@media (max-width: 767px) {
	/*footer start*/
	.footer{padding-bottom: 1.5%}
	.footer hr{margin-bottom: 1.5%}
	.footer span{display: block;line-height: 20px;}

}