/*
* name: slide.css
* version: v1.35
* update: .arrs全局样式;增加unable样式;禁止WP设备默认触屏事件；
* date: 2014-10-15
*/
.slide {
	/*自定义*/
	margin: 0 auto;
	height: 100%;
	/*默认*/
	position: relative;
	-ms-touch-action: none;
	touch-action: none;
}
/*图片位置默认自动宽度*/
.slide ul li{ background-position: center center; background-size:100% 100%; position:relative;}
.slide ul li .slide-bg{ position:absolute; width:100%; left:0; right:0; margin:0 auto; bottom:20%;animation: izoomIn 1s infinite;}
.slide_img{ position:absolute; width:314px; height:312px; margin:auto auto; left:0; right:-30%; top:10%; bottom:0;}
.simg2{ width:904px; height:517px;}
.simg2 img{animation: izoomIn2 6s infinite;}
.simg3{ width:70%; right:0; top:0; bottom:auto; margin:0 auto; text-align:center;}
.simg4{ width:70%; right:0; top:auto; bottom:0; margin:0 auto; height:auto; text-align:center;}

.slide_tit{ position:absolute; width:1000px; height:145px; margin:auto auto; left:0; right:0; top:10%; bottom:0; color:#fff; font-size:2.4rem; text-transform:uppercase;}
.slide_tit span{ font-size:4.8rem; font-weight:bold;}
.st2{ line-height:3rem; top:0;}
.st2 span{ line-height:5rem;}
.st3{ text-align:center; z-index:100; top:-5%;}
/*图片位置绝对定位*/
.slide ul img.abs{
    max-width: none;
    width: 1920px;
    height:920px;
    position: absolute;
    left: 50%;
    margin-left: -950px;
    top: 50%;
    margin-top: -281px;
}
.slide_wrap {
	position:relative;
	width:100%;
	height:100%;
	overflow:hidden;
	*zoom:1;
}
.slide_c {
	float:left;
	top: 0;
	left: 0;
	width: 100%;
	height:100%;
	overflow: hidden;
	z-index: 1;
}
/*
 *  滚动广告标题
 */
.slide_tool {
	position: absolute;
	z-index: 98;
	width: 100%;
	height: 58px;
    line-height: 58px;
    margin-top: -58px;
    background: rgba(0,0,0,.5);
}

/*
 *  滚动广告标题-左侧工具
 */
.slide_nav{
    width: 100%;
    line-height: 20px; position:absolute; bottom:30px; z-index:10000;
    text-align: center;
    font-size: 16px
}
.slide_nav a{
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin: 0 4px;
    cursor: pointer;
    color: #fff; border:1px solid #fff; font-size:0;
}
.slide_nav a.on{
    display: inline-block; background:#fff; border:1px solid #fff;
}
/*
 *  滚动广告标题-右侧搜索工具
 */
.slide_search{
    width: 80%;
    float: left;
}

/*
 *  导航点
 */
.arrs.unable {
	cursor: default;
}
.arrs {
	cursor: pointer;
	z-index: 99;
    top: 50%;
    margin-top: -22px;
    z-index: 10;
    opacity: 0;
    font-family: 'salong';
    font-size: 36px;
    line-height: 60px;
    width: 48px;
    height: 60px;
    background-color: rgba(0,0,0,.2);
    color: #fff;
    cursor: pointer;
    position: absolute;
    text-align: center;
}
.arr_next {
    right: 20px;
}
.arr_prev {
    left: 20px;
}
.indexbanner:hover .arr_next {
    right: 0;
}
.indexbanner:hover .arr_prev {
    left: 0;
}
.indexbanner:hover .arrs {
    opacity: 1;
}
.indexbanner .arrs:hover {
    /*background-color: #c23473;*/
    color:#fff;
}
.arrs:before{
    font-family:"iconfont" !important;
    font-style:normal;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-stroke-width: 0.2px;
}
.arrs.arr_next:before{content: '\e616';}
.arrs.arr_prev:before{content: '\e617';}



/*
 * PcMode-max
 */
@media only screen and (max-width: 1800px) {
    .slide ul li{ background-size:auto 100%}
}
/*
 * phone
 */
@media only screen and (max-width:900px) {
.slide_img{ margin:0 auto; left:0; right:0; top:auto; bottom:10%;}
.slide_tit{ position:absolute; width:100%; height:145px; margin:0 auto; left:0; right:0; top:40%; bottom:auto; color:#fff; font-size:2.4rem; text-transform:uppercase; text-align:center;}
.slide_tit span{ font-size:3.8rem; font-weight:bold;}

.st2{ top:20%;}
.simg2{ right:0; width:90%;}

.simg3{ width:80%; bottom:auto;}
.simg4{ width:80%; top:auto; bottom:0;}

}

@media only screen and (max-width:640px) {
.slide ul li{ background-size:auto 100%}

.slide_img{ width:60%; height:auto; margin:0 auto; left:0; right:0; top:auto; bottom:16%;}
.slide_tit{ position:absolute; width:100%; height:145px; margin:0 auto; left:0; right:0; top:30%; bottom:auto; color:#fff; font-size:2rem; text-transform:uppercase; text-align:center;}
.slide_tit span{ font-size:3rem; font-weight:bold;}
.st2{ line-height:2.6rem;}
.st2 span{ line-height:3rem;}
.simg2{ right:0; width:90%;}

.simg3{ width:150%; bottom:auto; top:10%;}
.simg4{ width:100%; top:auto; bottom:0;}
.st3{ text-align:center; z-index:100; top:20%; margin:auto auto; bottom:0;}


.slide_tool span{ font-size:2rem; font-weight:normal;}
.slide_tool p{ font-size:1.6rem;}

.slide_nav{
    width: 100%;
    line-height: 20px; position:absolute; bottom:10px; z-index:10000;
    text-align: center;
    font-size: 16px
}

}

@keyframes izoomIn {
0% {opacity: 0.5;
	
}
50% {opacity: 1;
}
100% {opacity: 0.5;
}

}
@keyframes izoomIn2 {
0% {transform: scale(1,1);
	
}
50% {transform: scale(0.9,0.9);
}
100% {transform: scale(1,1);
}

}