/*# sourceMappingURL=style.css.map */

/* 本例子css */
body{
	padding: 0;
	margin: 0;
	min-width: 1280px;
}


.loader{
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    font-size: 10px;
    border-top: 1px solid rgba(0,0,0, 0.08);
    border-right: 1px solid rgba(0,0,0, 0.08);
    border-bottom: 1px solid rgba(0,0,0, 0.08);
    border-left: 1px solid rgba(0,0,0, 0.5);
    border-radius: 50%;
    animation: spinner 700ms infinite linear;
}
@keyframes spinner {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/*图片幻灯片*/
.slidebox{width:100%; height:680px; position: relative; z-index:1; overflow:hidden;}
.slidebox .fouce{width:100%; height:100%; overflow:hidden;}
.slidebox .fouce .info{display:block;width:100%; height:100%; margin:0px;position:absolute; left:0; top:0; z-index:1;overflow:hidden; cursor:pointer; background:#fff;}
.slidebox .fouce .info.last-active{z-index:5;}
.slidebox .fouce .info.active{z-index:10;}
.slidebox .tabicon{position: absolute; left: 0; right: 0; bottom:18px; width:100%; *padding-left:46%; text-align:center; z-index:11;}
.slidebox .tabicon li{display: inline-block; *display: inline; *float:left;width: 10px; height: 10px; margin: 0 8px; text-indent: -999em; background-color: #fff; cursor: pointer; overflow:hidden;overflow: hidden;border-radius: 100%}
.slidebox .tabicon li.active{background-color: #c2986d}
.slidebox .fouce .wrap{ width:1000px; height:680px; position:relative; margin:0 auto;}
.slidebox .fouce .imgMain .pic{ position:absolute; top:0;}
.slidebox .fouce .videoMain .movie,.slidebox .fouce .videoMain .videopic{position:absolute; top:0; width:1920px; height:680px;}
.slidebox .fouce .wrap .txt a,.slidebox .fouce .wrap .txt a:hover{-moz-transition:all .5s linear; -webkit-transition:all .5s linear; transition:all .5s linear;}
@-moz-keyframes bigimg{0%{-moz-transform:scale(1);}50%{-moz-transform:scale(1.05);}100%{-moz-transform:scale(1);}}
@-webkit-keyframes bigimg{0%{-webkit-transform:scale(1);}50%{-webkit-transform:scale(1.05);}10%{-webkit-transform:scale(1);}}
@-ms-keyframes bigimg{0%{-ms-transform:scale(1);}50%{-ms-transform:scale(1.05);}100%{-ms-transform:scale(1);}}
.slidebox .fouce .imgMain.active .pic{-webkit-animation:bigimg 25s linear;-moz-animation:bigimg 25s linear;animation:bigimg 25s linear;-moz-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);}

.ind-picScroll{
	width: 1280px;
	margin: 0 auto;
}
.ind-picScroll .picScroll-left{ width:1280;overflow:hidden; position:relative;margin: 0 auto;padding: 29.5px 0;}
.ind-picScroll .picScroll-left .hd .prev,.ind-picScroll .picScroll-left .hd .next{
	width: 10px;
	height: 18px;
	position: absolute;
	top: 50%;
	margin-top: -9px;
	z-index: 10;
	cursor: pointer;
	/*display: none;*/
	display: block;
}
.ind-picScroll .picScroll-left .hd .prev{
	left: 0;
	background: url(../img/ind-scrollicon2.png) center no-repeat;
}
.ind-picScroll .picScroll-left .hd .next{
	right: 0;
	background: url(../img/ind-scrollicon1.png) center no-repeat;
}
/*.ind-picScroll:hover .picScroll-left .hd .prev,.ind-picScroll:hover .picScroll-left .hd .next{
	display: block;
}*/
.ind-picScroll .picScroll-left .hd ul{display: none;}
.ind-picScroll .picScroll-left .bd{ padding:0 70px;}
.ind-picScroll .picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.ind-picScroll .picScroll-left .bd ul li{float:left; overflow:hidden; text-align:center;margin: 0 35px;display: block;width: 120px;cursor: pointer;}
.ind-picScroll .picScroll-left .bd ul li a{display: block;width: 100%;height: 100%;}

.ind-picScroll .picScroll-left .bd ul li .pic{width: 120px;margin: 0 auto 5px;height: 70px;position: relative;}
.ind-picScroll .picScroll-left .bd ul li .pic img{ width:120px; height:70px; display:block;position: absolute;top: 0;left: 0;}
.ind-picScroll .picScroll-left .bd ul li .pic .img2{display: none;}
.ind-picScroll .picScroll-left .bd ul li .title{ 
	line-height:20px;
	font-size: 12px;
	color: #808080;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	/*font-weight: lighter;*/
}
.ind-picScroll .picScroll-left .bd ul li:hover .title{color:#c2986d}

.indban{
	width: 1280px;
	margin: 0 auto 100px; 
}
.indban .indBox{ width:620px; height:590px; overflow:hidden; position:relative;}
.indban .indBox .hd{ height:10px;position:absolute;left:50%; bottom:15px; z-index:2;}
.indban .indBox .hd ul{ overflow:hidden; zoom:1;margin: 0 auto;height: 10px;}
.indban .indBox .hd ul li{margin:0 8px;width:10px;height:10px;background:#fff; cursor:pointer; display: inline-block;border-radius: 100%;float: left;}
.indban .indBox .hd ul li.on{ background:#c2986d;}
.indban .bd{ position:relative; height:100%; z-index:0;}
.indban .bd li{ zoom:1; vertical-align:middle;overflow: hidden;}
.indban .bd img{ width:620px; height:590px; display:block;}
.indban .right{
	width: 640px;
	float: right;
}
.indban .right .videot{
	width: 100%;
	float: right;
	height: 361px;
	margin-bottom: 20px;
	position: relative;
	overflow: hidden;
}
.indban .right .videot img,.indban .bd img{
	display: block;
	width: 100%;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.indban .right .videot:hover img,.indban .bd li:hover img{
	transform:scale(1.05); 
	-webkit-transform:scale(1.05); 
	-moz-transform:scale(1.05); 
	-o-transform:scale(1.05); 
}




.indban .right .videot i{
	display: block;
	width: 52px;
	height: 52px;
	background: url(../img/indvideo-icon.png) center no-repeat;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -26px 0 0 -26px; 
	z-index: 2;
	cursor: pointer;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.indban .right .videot i:hover{
	background: url(../img/indvideo-icon1.png) center no-repeat;
}
.indban .right .mian .box{
	width: 310px;
	height: 210px;
	float: left;
	position: relative;
	cursor: pointer;
	overflow: hidden;
}
.indban .right .mian .box a{
	display: block;
	width: 100%;
	height: 100%;
}

.indban .right .mian .box .details{
	position: absolute;
	top: 12px;
	right: 15px;
	text-align: right;

}
.indban .right .mian .box .details h3{
	font-size: 24px;
	line-height: 35px;
	color: #fff;
	margin-bottom: 5px;
	font-weight: normal;
}
.indban .right .mian .box .details .mintit{
	font-size: 16px;
	line-height: 22px;
	color: #fff;
	/*font-weight: lighter;*/
	margin-bottom: 25px;
	letter-spacing:1px;
}
.indban .right .mian .box .details .btn{
	height: 23px;
	display: inline-block;
	width: auto;
	/*font-weight: lighter;*/
	font-size: 12px;
	line-height: 25px;
	color: #fff;
	padding: 0 23px 0 11px;
	text-align: center;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	background: url(../img/indpro-btnbg.png) center no-repeat;
}
.ml{
	margin-left: 20px;
}

.ind-activity{
	width: 1280px;
	margin: 0 auto 150px;
}
.ind-activity h2{
	font-size: 24px;
	color: #636262;
	line-height: 30px;
	padding-bottom: 15px;
	position: relative;
	margin-bottom: 25px;
}
.ind-activity h2 i{
	display: block;
	height: 2px;
	width: 93px;
	background-color: #d1d0d0;
	position: absolute;
	bottom: 0;
	left: 0;
}
.ind-activity .list{
	width: 100%;
	overflow: hidden;
}
.ind-activity .list ul{
	width: 1292px;
}
.ind-activity .list li{
	width: 310px;
	float: left;
	margin-right: 13px;
	cursor: pointer;
}
.ind-activity .list li .img{
	width: 100%;
	height: 200px;
	margin-bottom: 15px;
	overflow: hidden;
}
.ind-activity .list li h3{
	font-size: 18px;
	color: #636262;
	line-height: 25px;
	display: block;
	margin-bottom: 10px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.ind-activity .list li h3:hover,.ind-activity .list li .tit:hover{
	color: #000;
}
.ind-activity .list li .btn{
	font-size: 14px;
	color: #c2986d;
	padding:0 15px 10px 0;
	display: inline-block;
	line-height: 20px;
	position: relative;
	background: url(../img/ind-activity-icon.png) right 4px no-repeat;
	margin-bottom: 8px;
}
.ind-activity .list li .btn i{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 25px;
	height: 1px;
	background-color: #a7a7a7;
}
.ind-activity .list li .tit{
	font-size: 14px;
	color: #636262;
	line-height: 18px;
}

/*.prop-zhez{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: url(../img/tipbg.png) center repeat;z-index: 100;display: none}
.prop-video-box{width:950px;margin: 0 auto;height: 60%;position: fixed;top: 15%;left:50%;z-index:101;margin-left: -475px}
.prop-video-box .close{display: block;width: 35px;height: 35px;background: url(../img/ico_07.png) center no-repeat;position: absolute;right: -50px;top: 0px;}
.prop-video-box .video{display: block;width: 100%;height: 100%}
.prop-video-box .main{display: block;width: 100%;height: 100%}
.phone-video{display: none;}*/