﻿.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;

	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	float: left;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}

/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.swiper-container {
	/* Specify Swiper's Size: */

	/*width:200px;
	height: 100px;*/
}
.swiper-slide {
	/* Specify Slides's Size: */
	
	/*width: 100%;
	height: 100%;*/
}
.swiper-slide-active {
	/* Specific active slide styling: */
	
}
.swiper-slide-visible {
	/* Specific visible slide styling: */	

}
/* ===============================================================
Pagination Styles
================================================================*/
.swiper-pagination-switch {
	/* Stylize pagination button: */	

}
.swiper-active-switch {
	/* Specific active button style: */	
	
}
.swiper-visible-switch {
	/* Specific visible button style: */	
	
}




#silkroad-sljm {
    font-family: "微软雅黑"
}

.silkroad-sljm {
    width: 100%;
    height: 425px;
    margin: 0 auto;
    position: relative;
    overflow: hidden
}


.sljm-cover-left,
.sljm-cover-right {
    width: 980px;
    height: 425px;
    position: absolute;
    top: 100px;
    background: rgba(255, 255, 255, .7);
    z-index: 3
}

.sljm-cover-left {
    left: 50%;
    margin-left: -1472px
}

.sljm-cover-right {
    right: 50%;
    margin-right: -1472px
}

.sljm-arrow-left,
.sljm-arrow-right {
    position: absolute;
    top: 50%;
    margin-top: -30px;
    z-index: 5
}

.sljm-arrow-left {
    background: url(http://www.xinhuanet.com/ydyl20160616/img/sljmLeft.png) center center no-repeat;
    left: 50%;
    width: 67px;
    height: 139px;
    margin-left: -562px
}

.sljm-arrow-right {
    background: url(http://www.xinhuanet.com/ydyl20160616/img/sljmRight.png) center center no-repeat;
    right: 50%;
    width: 77px;
    height: 150px;
    margin-right: -565px
}

.silkroad-sljm .swiper-container {
    height: 420px;
    width: 985px;
    position: relative;
    overflow: visible!important
}

.sljm-pagination {
    position: absolute;
    left: 0;
    height: 50px;
    text-align: right;
    bottom: 15px;
    width: 100%;
    display: none
}

.silkroad-sljm .swiper-pagination-switch {
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 5px;
    background: #b9b9b9;
    margin: 0 3px;
    cursor: pointer
}

.silkroad-sljm .swiper-active-switch {
    background: #930001
}

.silkroad-sljm .swiper-slide {
    position: relative
}

.silkroad-sljm-box h2 {
    height: 68px;
    background: url(http://www.xinhuanet.com/ydyl20160616/img/sljmOne.gif) no-repeat #e45d80;
    padding-left: 100px;
    line-height: 68px;
    overflow: hidden;
    font-size: 22px;
    margin-bottom: 10px;
    color: #fff
}

.silkroad-sljm-box h2 a {
    line-height: 68px;
    font-size: 22px;
    color: #fff;
    font-weight: 400
}

.silkroad-sljm-box-sbox {
    float: left;
    width: 352px;
    height: 335px;
    position: relative
}

.silkroad-sljm-box-sbox span {
    position: absolute;
    color: #fff;
    font-family: "微软雅黑";
    text-align: center; padding:auto 15px;
    overflow: hidden;
    opacity: .5;
    filter: alpha(opacity=50)
}

.silkroad-sljm-box-sbox span.on,
.silkroad-sljm-box-sbox span:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    cursor: pointer
}

.silkroad-sljm-box-sbox span table {
    width: 100%
}

.silkroad-sljm-box-sbox span td {
    height: 107px
}


.silkroad-sljm-box-img {
    float: left;
}

.silkroad-sljm-box-txt {
    float: left;
    width: 616px;
    line-height: 28px
}

.silkroad-sljm-box-txt img {
    float: left;
    width: 225px; height:335px;
    margin-right: 15px
}
.silkroad-sljm-box-txt div {
    display: none
}

.silkroad-sljm-box-txt H1 {
    LINE-HEIGHT: 160%; MARGIN: 0px 0px 10px 0px; COLOR: #017AD7; FONT-FAMILY: '微软雅黑', '宋体'; FONT-SIZE: 18px; texs-align:center;
}
.silkroad-sljm-box-txt P {
    LINE-HEIGHT: 180%; MARGIN: 0px 0px 10px 0px; FONT-FAMILY: '微软雅黑', '宋体'; FONT-SIZE: 14px;
}
.silkroad-sljm-box-txt P a{
    COLOR: #990000;
}
.silkroad-sljm-box-txt .show {
    display: block
}

.silkroad-sljm-box2 h2 {
    background: url(http://www.xinhuanet.com/ydyl20160616/img/sljmTwo.gif) no-repeat #30a69c
}


.silkroad-sljm-box-sbox2 .s1 {
    left: 0;
    top: 0;
    width: 221px;
    height: 107px;
    background: #00d2ff;
    font-size: 18px;
    color: #fff
}

.silkroad-sljm-box-sbox2 .s2 {
    left: 228px;
    top: 0;
    width: 107px;
    height: 107px;
    background: #3a5cab;
    font-size: 18px;
    color: #fff
}

.silkroad-sljm-box-sbox2 .s3 {
    left: 0;
    top: 114px;
    width: 107px;
    height: 107px;
    background: #98b800;
    font-size: 18px;
    color: #fff
}

.silkroad-sljm-box-sbox2 .s4 {
    left: 114px;
    top: 114px;
    width: 221px;
    height: 107px;
    background: #ff8a00;
    font-size: 18px;
    color: #fff
}

.silkroad-sljm-box-sbox2 .s5 {
    left: 0;
    top: 228px;
    width: 221px;
    height: 107px;
    background: #8f1acc;
    font-size: 18px;
    color: #fff
}

.silkroad-sljm-box-sbox2 .s6 {
    left: 228px;
    top: 228px;
    width: 107px;
    height: 107px;
    background: #00a201;
    font-size: 18px;
    color: #fff
}

.silkroad-sljm-box-sbox1 .s1 {
    left: 0;
    top: 0;
    width: 164px;
    height: 107px;
    background: #00d2ff;
    font-size: 18px;
    color: #fff
}

.silkroad-sljm-box-sbox1 .s2 {
    left: 172px;
    top: 0;
    width: 164px;
    height: 107px;
    background: #3a5cab;
    font-size: 18px;
    color: #fff
}

.silkroad-sljm-box-sbox1 .s3 {
    left: 0;
    top: 114px;
    width: 335px;
    height: 107px;
    background: #98b800;
    font-size: 18px;
    color: #fff
}

.silkroad-sljm-box-sbox1 .s4,
.silkroad-sljm-box-sbox1 .s5 {
    top: 228px;
    width: 164px;
    height: 107px;
    font-size: 18px;
    color: #fff
}

.silkroad-sljm-box-sbox1 .s4 {
    left: 0;
    background: #8f1acc
}

.silkroad-sljm-box-sbox1 .s5 {
    left: 172px;
    background: #ff8a00
}
