@charset "utf-8";
/* 

    @名称: base

    @功能: 重设浏览器默认样式

*/

/* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */

html {
	color:#000;
	background:#fff;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:62.5%;
}
/* 内外边距通常让各个浏览器样式的表现位置不同 */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	margin:0;
	padding:0;
}
/* 重设 HTML5 标签, IE 需要在 js 中 createElement(TAG) */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block;
}
/* HTML5 媒体文件跟 img 保持一致 */

audio, canvas, video {
	display:inline-block;
*display:inline;
*zoom:1;
}
/* 要注意表单元素并不继承父级 font 的问题 */

body, button, input, select, textarea {
	font:12px/1.5 tahoma, arial, '';
}
/* iphone手机表单默认 */

input.no {
	-webkit-appearance:none;
}
input, select, textarea {
	font-size:100%;
}
/* 去掉各Table  cell 的边距并让其边重合 */

table {
	border-collapse:collapse;
	border-spacing:0;
}
/* IE bug fixed: th 不继承 text-align*/

th {
	text-align:inherit;
}
/* 去除默认边框 */

fieldset, img {
	border:0;
	width: 100%;
}
/* ie6 7 8(q) bug 显示为行内表现 */

iframe {
	display:block;
}
/* 去掉 firefox 下此元素的边框 */

abbr, acronym {
	border:0;
	font-variant:normal;
}
/* 一致的 del 样式 */

del {
	text-decoration:line-through;
}
address, caption, cite, code, dfn, em, th, var {
	font-style:normal;
	font-weight:500;
}
/* 去掉列表前的标识, li 会继承 */

ol, ul {
	list-style:none;
}
/* 对齐是排版最重要的因素, 别让什么都居中 */

caption, th {
	text-align:left;
}
/* 来自yahoo, 让标题都自定义, 适应多个系统应用 */

h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:500;
}
q:before, q:after {
	content:'';
}
/* 默认不显示下划线，保持页面简洁 */

a {
	text-decoration:none !important;
	color:#000;
}
a:hover {
	text-decoration:underline;
}
/* 清理内浮动 */

.fl-c:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}
.fl-c {
 *zoom:1; /* for IE6 IE7 */
}
span, strong {
	display:inline-block;
}
i {
	font-style:normal;
	display:inline-block;
}
.fl {
	float:left;
}
.fr {
	float:right
}
.no-r {
	margin-right:0!important
}
/* 默认字体样式 微软雅黑&宋体\5b8b\4f53*/

*, input, button, select, textarea {
	font-family:'';
}
/* 最大宽度应对手机自定义 */

header, nav, section, footer {
	margin:0 auto;
	max-width:640px;
}
.main {
	max-width: 640px;
	margin: 0 auto;
}
/* header*/

header {
	width: 6.4rem;
 height: .99rem;
}
header a, header img {
	display: block;
	width: 100%;
}
.banner {
	width: 6.4rem;
	height: 3.4rem;
}
.banner a, .banner img {
	display: block;
	width: 100%;
}
.ds-bgcolor {
	width: 6.4rem;
 height: .12rem;
	background-color: #efefef;
}
.ds-tit {
	width: 6.4rem;
	border-bottom: 1px solid #d1d1d1;
 padding: .15rem 0;
	position: relative;
}
.ds-tit strong {
	display: block;
 font-size: .32rem;
	color:#bb1428;
	text-align: center;
 line-height: .46rem;
}
.ds-tit p {
 font-size:.14rem;
	color:#666;
	text-align: center;
 line-height: .2rem;
}
.ds-tit span {
	display: block;
	width: 1.2rem;
 height: .03rem;
	background-color: #bb1428;
	position: absolute;
 top:.4rem;
}
.ds-tit span.span1 {
 left:.73rem;
}
.ds-tit span.span2 {
 right:.73rem;
}
.ds-tit i {
	display: block;
	width: 1.2rem;
	height: 1px;
	background-color: #bb1428;
	position: absolute;
 top:.5rem;
}
.ds-tit i.i1 {
 left:.73rem;
}
.ds-tit i.i2 {
 right:.73rem;
}
.ds-nav1 {
	width: 4.94rem;
 margin:.5rem auto;
}
.ds-nav1 ul li {
	width: 2.22rem;
 padding-top: .24rem;
 border-radius: .1rem;
 margin-bottom: .4rem;
 padding-bottom: .18rem;
	box-sizing:border-box
}
.ds-nav1 ul li a {
	display: block;
}
.ds-nav1 ul li img {
	display: block;
	width:1.1rem;
 height: .95rem;
	margin:0 auto;
}
 .ds-nav1 li:nth-of-type(1) {
 background-color: #cd373a
}
 .ds-nav1 li:nth-of-type(2) {
 background-color: #ed9428
}
 .ds-nav1 li:nth-of-type(3) {
 background-color: #566d9b
}
 .ds-nav1 li:nth-of-type(4) {
 background-color: #e6653e
}
.ds-nav1 li strong {
	display: block;
 font-size: .36rem;
	font-weight: normal;
	color:#fff;
	text-align: center;
 line-height: .46rem;
}
.ds-nav1 li p {
	text-align: center;
 line-height: .36rem;
}
.ds-nav1 li p span {
 font-size: .2rem;
	color:#fff;
}
footer {
	width: 6.4rem;
	height: 1.94rem;
	background: url(../images/ds_foot-bg.jpg) no-repeat;
	background-size: 100%;
	position: relative;
}
footer p {
	width: 3.65rem;
 font-size: .2rem;
	color:#fff;
 line-height: .36rem;
	position: absolute;
 top:.6rem;
 right: .2rem;
}
/* 0822 */

.ds-news {
	width: 5.9rem;
 margin: .3rem auto .4rem;
}
.ds-news-t {
	width: 5.9rem;
}
.ds-news-l {
	width: 1.98rem;
	height: 1.58rem;
}
.ds-news-l a, .ds-news-t .ds-news-l a img {
	display: block;
	width: 100%;
}
.ds-news-r {
	width: 3.6rem;
}
.ds-news-r strong {
	display: block;
 font-size: .22rem;
	color: #333;
 line-height: .46rem;
}
.ds-news-r p {
 font-size: .2rem;
	color: #666666;
 line-height: .28rem;
}
.news-nav1 {
	width: 5.9rem;
 margin-top: .2rem;
}
.news-nav1 li {
	width: 5.9rem;
 height: .48rem;
 line-height: .48rem;
	border:1px solid #e3e3e3;
 border-radius: .3rem;
 margin-bottom: .1rem;
 padding-left: .2rem;
	box-sizing:border-box;
}
.news-nav1 li a {
	display: block;
 font-size: .22rem;
	color: #666666;
	position: relative;
}
.news-nav1 li a i {
	display: block;
	width: 1.15rem;
 height: .37rem;
 line-height: .37rem;
	background-color: #ed9428;
 border-radius: .2rem;
 font-size: .2rem;
	color: #fff;
	text-align: center;
	position: absolute;
 top:.04rem;
 right: .05rem;
}
.ds-dt {
	width: 4.95rem;
	height: 3rem;
 margin: .38rem auto .45rem;
}
.ds-dt .swiper-slide {
	width: 4.95rem;
}
.ds-dt .swiper-slide a, .ds-dt .swiper-slide a img {
	display: block;
	width: 100%;
}
.ds-dt .swiper-pagination-bullet {
 width: .1rem;
 height: .1rem;
	background-color: #fff;
	border-radius: 50%;
	opacity: 1;
}
.ds-dt .swiper-pagination-bullet-active {
	background-color: #bb1428;
	opacity: 1
}