@charset "UTF-8";



/* index */

html,body{height:100%;}

.wrap{height:100%;}

.container{width: 100%; max-width: 100%; padding: 0;height:100%;}

.contents{height:100%;}

.slide_wrap{overflow:hidden; position:relative; width:100%; height:100%;}

.slide_wrap h2{position:absolute; left:50%; top:50%; z-index:10; width:100%; font-weight:700; font-size:90px; text-align:center; color:#fff; transform:translate(-50%,-120%);}

.slide_area{position:relative; overflow:hidden; width:100%; height:100%;}

.slide_area li{overflow:hidden; position:absolute; top:0; left:100%; width:100%; height:100%;}

.slide_area li:first-child{left:0;}

.slide_area li img{position:absolute; top:0; left:50%; min-width:1920px; width:100%; min-height:100%; height:auto !important; margin-left:-960px; transform:scale(1.25);}

.slide_area li.active img{transform:scale(1); transition:transform 4.5s cubic-bezier(0.18, 0.63, 0.45, 0.94);}

.slide_area li .slide_txt{overflow:hidden; position:absolute; left:50%; top:47%; width:100%; height:35px; transform:translate(-50%,0%); font-weight:500; font-size:22px; color:#fff; text-align:center;}

.slide_area li .slide_txt p{opacity:0; margin-top:20px; transition:all .5s linear;}

.slide_area li.active p{margin-top:0; opacity:1;}



.pr_btn{display:block; position:absolute; top:50%; left:50%; width:367px; height:45px; line-height:47px; margin-left:-183.5px; margin-top:35px; padding-left:15px; background:url(../images/index/main_banner02.jpg) 0 0 no-repeat; font-size:16px; font-weight:bold; letter-spacing:-1px; color:#83500f; box-sizing:border-box;}

.pr_btn:after{position: absolute; right:80px; top:20px; width:10px; height:15px; background:url(../images/index/main_banner_ico.png) 0 0 no-repeat; content:'';}

.pr_btn em{font-size:14px; font-weight:400;}



.pager_area{overflow:hidden; position:absolute; left:50%; bottom:0; padding:30px 70px 20px 70px; margin-left:-450px; z-index: 1000;}

.pager_area:after{position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.5; content:'';}

.pager_area a{float:left; display:block; position:relative; z-index:1; width:120px; margin-left:40px; text-align: center;}

.pager_area a:first-child{margin-left:0;}

.pager_area a .icon{display:block; width:50px; height:50px; margin: 0 auto 10px; background:url("../images/index/main_icon.png") 0 0 no-repeat;}

.pager_area a .icon01, .pager_area a .icon01:hover {background-position:0 0! important;}

.pager_area a .icon02, .pager_area a .icon02:hover {background-position:-50px 0! important;}

.pager_area a .icon03, .pager_area a .icon03:hover {background-position:-100px 0! important;}

.pager_area a .icon04, .pager_area a .icon04:hover {background-position:-150px 0! important;}

.pager_area a .icon05, .pager_area a .icon05:hover {background-position:-200px 0! important;}

.pager_area a .progress{width:100%; height:2px; margin-bottom:10px; background-color:#535151;}

.pager_area a .progress .bar{width:0%; height:2px; background-color:#fff;}

.pager_area a span{font-weight:400; font-size:13px; color:#fff;}



.scroll_top_area{display:none !important;}



.pager_area a .icon:hover {

	background:url("../images/index/main_icon1.png") 0 0 no-repeat;

}



.pager_area a:hover span {

	color: #e6f50f;

}