#indexslide {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 670px;
	-webkit-animation: all .3s;
	animation: all .3s
}

.banner li {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	display: none;
	width: 100%;
	height: 100%
}

.banner li a {
	display: block;
	width: 100%;
	height: 100%
}

.bannerindex {
	position: absolute;
	bottom: 55px;
	left: 0;
	z-index: 10;
	width: 825pt;
	height: 1pc;
	text-align: left
}

.bannerindex dd {
	display: inline-block;
	margin: 0 3px;
	width: 9pt;
	height: 9pt;
	border: 2px solid #fff;
	border-radius: 9pt;
	cursor: pointer;
	-webkit-transition: all .5s;
	transition: all .5s
}

.bannerindex dd.on {
	border: 2px solid #fff;
	background-color: #fff
}

.pro-box {
	position: absolute;
	right: 0;
	bottom: -1px;
	z-index: 15;
	width: 674px;
	height: 169px
}

.pro-box a {
	float: left;
	display: block;
	visibility: visible;
	margin-top: 169px;
	width: 218px;
	height: 169px;
	opacity: 0;
	-webkit-transition: all .3s;
	transition: all .3s
}

.showtext .img-text {
	visibility: visible;
	opacity: 1
}

.box-e {
	background: url(/images/e-bg2.jpg) no-repeat
}

.box-b,
.box-e {
	margin-right: 10px
}

.box-b {
	background: url(/images/b-bg2.jpg) no-repeat
}

.box-p {
	background: url(/images/p-bg2.jpg) no-repeat
}

.pro-box .pb-text {
	display: block;
	visibility: visible;
	margin: 0 auto;
	padding-top: 30px;
	padding-left: 55px;
	width: 92px;
	height: 50px;
	-webkit-transition: all .3s;
	transition: all .3s
}

.pro-box .pb-text b {
	font-size: 1pc
}

.pro-box .pb-text b,
.pro-box .pb-text i {
	display: block;
	color: #fff;
	line-height: 20px
}

.pro-box .pb-text i {
	font-style: normal;
	font-size: 15px
}

.box-e .pb-text {
	background: url(/images/e-icon.png) no-repeat left 36px
}

.box-b .pb-text {
	background: url(/images/b-icon.png) no-repeat left 36px
}

.box-p .pb-text {
	background: url(/images/p-icon.png) no-repeat 5px 36px
}

.img-text {
	display: block;
	margin: 0 auto;
	width: 6pc;
	height: 31px;
	-webkit-transition: all .5s;
	transition: all .5s
}

.img-text,
.showtext .pb-text {
	visibility: hidden;
	opacity: 0
}

.mainbox {
	overflow: hidden;
	padding: 25px 0
}

.news-box {
	padding-right: 23px;
	width: 508px;
	height: 170px
}

h3.news-title {
	margin-bottom: 5px;
	color: #30395f;
	font-weight: 700;
	font-size: 24px;
	font-family: myriadsetpro-thin-webfont;
	line-height: 30px
}

.news-top ul {
	float: left;
	overflow: hidden;
	width: 150px;
	height: 43px
}

.news-top li {
	float: left;
	width: 67px;
	height: 43px;
	background: #b5b5b5;
	color: #000;
	text-align: center;
	font-weight: 700;
	font-size: 13px;
	line-height: 43px;
	cursor: pointer
}

.news-top li.current,
.news-top li:hover {
	background: #3c3fab;
	color: #fff
}

.news-top li a {
	color: #000;
	font-size: 13px
}

.news-top li.current a,
.news-top li:hover a {
	color: #fff
}

a.news-more {
	float: right;
	display: none;
	color: #999;
	font-weight: 700;
	font-size: 9pt;
	line-height: 43px
}

.news-main {
	position: relative;
	padding-top: 15px
}

.news-main h3 a,
.news-main h3 a span {
	color: #666;
	font-weight: 700;
	font-size: 18px
}

.news-main h3 a span {
	display: inline-block;
	margin-right: 10px
}

.news-main p {
	margin-top: 10px
}

.news-main-box {
	position: relative;
	overflow: hidden;
	width: 470px;
	height: 80pt
}

.news-main-box ul {
	position: absolute;
	top: 0;
	left: 0
}

.news-main-box li {
	display: block;
	width: 470px;
	height: 75pt
}

.news-main-box li p {
	line-height: 21px;text-align:justify; text-justify:inter-ideograph;
}

.news-main-dl {
	position: absolute;
	top: 15px;
	right: 0;
	overflow: hidden;
	width: 10px;
	height: 105px
}

.news-main-dl li {
	display: block;
	margin-bottom: 20px;
	width: 10px;
	height: 10px;
	background: url(/images/icon2.jpg) no-repeat;
	cursor: pointer
}

.news-main-dl li.on,
.news-main-dl li:hover {
	background: url(/images/icon1.jpg) no-repeat
}

.inews-list li {
	line-height: 22px
}

.inews-list li a,
.inews-list li a span {
	color: #666;
	font-weight: 700;
	font-size: 14px
}

.inews-list li a span {
	display: inline-block;
	margin-right: 10px
}

.est-box {
	float: left;
	width: 445px
}

.est-box .img {
	position: relative;
	float: left;
	overflow: hidden;
	width: 281px;
	height: 219px
}

.est-box .img ul {
	position: absolute;
	top: 0;
	left: 0
}

.est-box .info {
	float: left;
	width: 163px;
	height: 219px;
	background: #303960
}

.est-box .info a span {
	color: #bec0c9
}

.lay-box {
	float: right
}

.lay-box,
.lay-box a {
	width: 219px;
	height: 219px
}

.lay-box a {
	position: relative;
	display: block
}

.lay-box a span {
	position: absolute;
	top: 78pt;
	left: 23px;
	width: 130px;
	height: 30px;
	color: #fff;
	font-size: 18px;
	line-height: 30px
}

.est-box .info dl {
	margin: 20px auto 0;
	width: 130px;
	height: 90pt
}

.est-box .info dd {
	display: none
}

.est-box .info dd a {
	display: block
}

.est-box dl .yt {
	display: block;
	padding-top: 25px;
	background: url(/images/p1s2-icon1.png) center top no-repeat;
	text-align: center;
	line-height: 24px
}

.est-box dl .tt {
	display: block;
	margin-bottom: 15px;
	color: #fff;
	text-align: center;
	font-size: 18px
}

.est-box dl .cc {
	display: block;
	margin-top: 10px;
	padding-top: 30px;
	background: url(/images/p1s2-icon3.png) center top no-repeat;
	line-height: 20px
}

.carousel {
	position: relative;
	margin-bottom: 20px;
	line-height: 1
}

.carousel-inner {
	position: relative;
	z-index: 2;
	overflow: hidden;
	width: 100%
}

.carousel-inner>.item {
	position: relative;
	display: none;
	height: 830px;
	-webkit-transition: .6s ease-in-out left;
	transition: .6s ease-in-out left
}

.carousel-inner>.item>a>img,
.carousel-inner>.item>img {
	display: block;
	width: 100%;
	line-height: 1
}

.carousel-inner>.active,
.carousel-inner>.next,
.carousel-inner>.prev {
	display: block
}

.carousel-inner>.active {
	left: 0
}

.carousel-inner>.next,
.carousel-inner>.prev {
	position: absolute;
	top: 0;
	width: 100%
}

.carousel-inner>.next {
	left: 100%
}

.carousel-inner>.prev {
	left: -100%
}

.carousel-inner>.next.left,
.carousel-inner>.prev.right {
	left: 0
}

.carousel-inner>.active.left {
	left: -100%
}

.carousel-inner>.active.right {
	left: 100%
}

.carousel-control {
	position: absolute;
	top: 50%;
	z-index: 3;
	display: block;
	margin-top: -79px;
	width: 79px;
	height: 79px
}

a.b-leftbtn {
	left: 10px;
	border-radius: 5pc;
	background: #fff url(/images/all-icon.png) no-repeat 0 -308px;
	opacity: 0;
	-webkit-transition: background-color .3s;
	transition: background-color .3s;
	filter: alpha(opacity=0)
}

a.b-leftbtn:hover {
	background: #fb9000 url(/images/all-icon.png) no-repeat 0 -229px
}

a.b-rightbtn {
	right: 10px;
	border-radius: 5pc;
	background: #fff url(/images/all-icon.png) no-repeat 0 -72px;
	opacity: 0;
	-webkit-transition: background-color .3s;
	transition: background-color .3s;
	filter: alpha(opacity=0)
}

a.b-rightbtn:hover {
	background: #fb9000 url(/images/all-icon.png) no-repeat 0 -147px
}

.b-slide:hover a.b-leftbtn,
.b-slide:hover a.b-rightbtn {
	opacity: 1;
	filter: alpha(opacity=100)
}

.b-slidetitle .b-slidetitle-inner h6 {
	display: none;
	color: #ede5d9;
	font-size: 3pc;
	line-height: 50px
}

.carousel-caption {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 15px;
	background: #333;
	background: rgba(0, 0, 0, .75)
}

.carousel-caption h4,
.carousel-caption p {
	color: #fff;
	line-height: 20px
}

.carousel-caption h4 {
	margin: 0 0 5px
}

.carousel-caption p {
	margin-bottom: 0
}

.b-slide {
	position: relative;
	overflow: hidden;
	width: 100%
}

.slidemask {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	background: url(/images/index_listbg.png) repeat!important;
	background: #000
}

.slidemask,
.slidemask .w1200 {
	height: 90pt
}

.bs-box {
	position: absolute;
	right: 0;
	bottom: -1px;
	overflow: hidden;
	height: 180px
}

.bs-box a {
	position: relative;
	float: left;
	display: block;
	margin-top: 75px;
	width: 225px;
	height: 219px;
	-webkit-transition: all .3s;
	transition: all .3s;
	margin-left: 6px
}

.bs-box a span {
	position: absolute;
	top: 15px;
	left: 23px;
	display: block;
	-webkit-transition: all .3;
	transition: all .3
}

a.es {
	background: url(/images/bg1-.jpg) no-repeat
}

a.bs {
	background: url(/images/bg2-.jpg) no-repeat
}

a.pt {
	background: url(/images/bg3-.jpg) no-repeat
}

a.lr {
	background: url(/images/bg4-.jpg) no-repeat
}

.bs-box a .th {
	top: 50px;
	visibility: hidden;
	color: #e0f8ff;
	font-weight: 400;
	font-size: 34px;
	opacity: 0
}

.bs-box a .th,
.bs-box a .tt {
	-webkit-transition: all .4s;
	transition: all .4s
}

.bs-box a .tt {
	visibility: visible;
	opacity: 1
}

.bs-box a .tt img {
	display: block
}

.bs-box a .tt strong {
	color: #e0f8ff;
	font-weight: 400;
	line-height: 20px;
	font-size: 20px
}

.bs-box a:hover {
	margin-top: 0
}

.bs-box a:hover .tt {
	visibility: hidden;
	opacity: 0
}

.bs-box a:hover .th {
	visibility: visible;
	opacity: 1
}

.slidestock {
	position: absolute;
	top: 13px;
	left: -28px;
	z-index: 10;
	width: 190px;
	height: 75pt;
	text-align: right
}

.slidestock h5 {
	position: relative;
	color: #c1c1bf;
	font-weight: 700;
	font-size: 18px
}

.slidestock h5 span {
	position: absolute;
	top: 6px;
	right: 94px;
	display: block;
	color: #c1c1bf
}

.slidestock h5 strong {
	font-weight: 400;
	font-size: 28px;
	font-family: dincond-medium-webfont
}

.slidestock .stocknum {
	padding-left: 20px;
	font-size: 36px;
	font-family: dincond-medium-webfont
}

.slidestock .stocknum.up {
	background: url(/images/all-icon.png) no-repeat -121px 0;
	color: #e55
}

.slidestock .stocknum.down {
	background: url(/images/all-icon.png) no-repeat -314px 0;
	color: #090
}

.est-detail {
	float: left;
	width: 444px;
	height: 219px
}

.est-detail-box {
	position: relative;
	overflow: hidden;
	width: 444px;
	height: 219px
}

.est-detail-box ul {
	position: absolute;
	top: 0;
	left: 0
}

.est-detail-box li {
	position: relative;
	float: left;
	width: 444px;
	height: 219px
}

.est-detail-box li a {
	display: block;
	height: 100%
}

.est-detail-box .info {
	position: absolute;
	top: 93px;
	left: 0;
	visibility: hidden;
	padding-top: 22px;
	padding-left: 22px;
	width: 197px;
	height: 6pc;
	background: url(/images/bg1.jpg) no-repeat center top;
	color: #bdbdbf;
	opacity: 0;
	-webkit-transition: all .3s;
	transition: all .3s
}

.est-detail-box li:hover .info {
	visibility: visible;
	opacity: 1
}

.est-detail-box .info h3 {
	margin-bottom: 15px;
	font-size: 18px
}

.est-detail-box .info h3,
.est-detail-box .info p {
	color: #bdbdbf;
	font-weight: 700
}

.indexwarp {
	overflow: hidden;
	margin: 0 auto;
	width: 104pc;
	background: #fff
}

.indexwarp.smallwidth {
	width: 1340px
}

.indexwarp.sswidth {
	width: 75pc
}

/*body {
	background: #262834
}*/

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {
	.indexwarp.sswidth {
		width: 98%
	}
}

.news-main-dl li {
	display: block;
	margin-bottom: 9pt;
	width: 10px;
	height: 10px;
	background: url(/img/all-icon.png) no-repeat -81pt -42px;
	cursor: pointer
}

.news-main-dl li.on,
.news-main-dl li:hover {
	background: url(/img/all-icon.png) no-repeat -81pt -52px
}

.news-main-con {
	position: absolute;
	bottom: -10px;
	left: 0
}

.news-main-con li {
	float: left;
	display: block;
	margin-right: 10px;
	width: 30px;
	height: 3px;
	background: #b5b5b5;
	cursor: pointer
}

.news-main-con li.on,
.news-main-con li:hover {
	background: #3c3fab
}