@charset "utf-8";
/* CSS Document */

.banner{ margin:0 auto; margin-top:106px;}
.banner img{ display:block; margin:0 auto;}
.download{ width:100%; height:507px; background-color:#d5d5d5;}
.mid-con{ width:1138px; margin:0 auto;}
.btn-xiazai{ float:left; margin-left:200px; margin-top:35px;}
.btn-xiazai a{ width:148px; height:60px; display:block; line-height:60px; color:#fff; font-size:20px; padding-left:85px;}
.btn-xiazai a.ios{ background:url(../images/icon-iphone.jpg) no-repeat 30px center #025abe; margin-bottom:6px;}
.btn-xiazai a.android{ background:url(../images/icon-android.jpg) no-repeat 30px center #2ec601;}
.phone-img{ float:right; margin-right:150px;}
.shuju-xinlv{ background:url(../images/bg.jpg) no-repeat; height:1145px;background-size: cover}
.ydsj{ float:left; margin:50px 0 0 60px;}
.ydsj h3,.xlfx h3{ color:#141412; font-size:30px; margin-bottom:12px;}
.ydsj p,.xlfx p{ color:#5d606a; font-weight:bold; font-size:18px; line-height:30px;}
.xlfx{ float:right; margin:640px 165px 0 0;}

.detail-con{ overflow:hidden; background:#fff;}
.wenzi h3{ font-family:NotoSansHans,Arial, Helvetica, sans-serif; font-size:20px; color:#43b5ff; border-bottom:1px solid #ccc; font-weight:normal; padding-bottom:15px; margin-bottom:15px;}
.wenzi p{ font-family:NotoSansHans,Arial, Helvetica, sans-serif; font-size:16px; color:#444; line-height:24px;}
.wenzi a{ background:#43b5ff; color:#fff; display:inline-block; font-size:18px; padding:8px 20px; border-radius:10px; margin:50px 0 20px;}
#main {
	clear: both;
	width: 100%;
	margin: 0 auto;
	position: relative;
	padding-top:60px;
}
.wrap {
	margin: 0 auto;
	position: relative; width:1138px;
}


#sidebar-header {
	overflow: hidden;
	float: right;
	width: 49.78723404255319%;	/* 468 / 940 = 0.4978723404255319 */
	height: 60px;
	margin-bottom: 20px;
}


.featured-wrapper {
	margin-bottom: 30px;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
#featured-content {
	position: relative;
	margin-bottom: 20px;
	height:495px;
	overflow:hidden; float:left;
}
.featured-post {
	position: relative;
	overflow: hidden;
	float: left;
}
.featured-post h2.entry-title a {
	position: absolute;
	bottom: 180px;
	right: 0;
	color: #fff;
	background: rgba(0,0,0,0.7);
	padding: 5px 30px 5px 20px;
	font-size: 22px;
	text-transform: uppercase;
	background:#000\9;
	filter:alpha(opacity=70)
}
.featured-post:hover h2.entry-title a, .featured-post:hover .byline {
	color: #fff;
	background: #111;
}
.featured-post .byline {
	position: absolute;
	bottom: 150px;
	right: 0;
	color: #fff;
	background: rgba(0,0,0,0.7);
	padding: 5px 30px 5px 20px;
	font-size: 12px;
	bottom: 136px;
	bottom: 135px\9;
	background:#000\9;
	filter:alpha(opacity=70)
}
@-moz-document url-prefix() {
	.featured-post .byline{
		bottom: 135px!important;
	}
}
.featured-post a:hover { border-bottom: none; }
.featured-thumbnail { max-width: 100%; }
#featured-content .dummy {
	width: 100% !important;
	height: auto !important;
	max-width: 100%;
	height: auto;
}
.no-js #featured-content .dummy, #featured-content .dummy.hidden { display: none; }
.slider-nav {
	display: block;
	position: absolute;
	bottom: 0;
	width: 31px;
	height: 28px;
	background: #111 url(slider-nav-arrows.png) no-repeat;
	background: rgba(0,0,0,.5) url(slider-nav-arrows.png) no-repeat;
	color: #fff;
	font-size: 1em;
	z-index: 9;
	cursor: pointer;
	text-indent: -9999em;
}
#slider-prev {
	left: 0;
	background-position: 7px -21px;
}
#slider-next {
	right: 0;
	background-position: 7px 11px;
}
.slider-nav:hover { background-color: #000; }

/*  Featured Content (slider) Navigation
-------------------------------------------------------------- */
#slider-nav {
	position: relative;
	width:54%;
	overflow: hidden;
	padding: 0;
	margin: 0; float:right;
}
#slide-thumbs {
	width: 100%;
	margin: 0;
}
#slider-nav li {
	float: left;
	list-style: none;
	width: 22.66666666666667%;	/* 110 / 750 = 0.1466666666666667 */
	margin: 0 1.4% 0 0px;	/* 18 / 750 = 0.024 */
}
#slider-nav li a, #slider-nav li a:visited {
	border-bottom: none;
	padding: 0;
}
#slider-nav li.last { margin-right: 0; }
#slider-nav li img { max-width: 100%; }
.activeSlide img { opacity: 0.3!important; }
.activeSlide a:hover,
#slider-nav li a:hover{border-bottom:none!important;text-decoration:none}