@charset "UTF-8";
/* CSS Document */


.cycle-slide.cycle-sentinel img:not(:first-child){
	display: none !important;
}
#banner{
	
	width: 100%;
	margin:auto;
	margin-top:-20px;
	
	position:relative;
	max-width:1400px;
	
}
#bannerInside{
	
	height: 0;
	 padding-bottom: 27%;
	 
}
.pager{
	position:absolute;
	bottom:15px;
	right:15px;
	z-index:100;
}
.pager span{
	width:20px;
	height:20px;
	border-radius: 20px;
	background-color:#FFF;
	display: inline-block;
	line-height:20px;
	text-align:center;
	text-indent: -9999px;
	color:#ff8800;
	margin-left:10px;
}
.pager span:last-child{
	margin-right:20px;
}
.pager span.cycle-pager-active{
	text-indent:0;
}
.cycle-slideshow > div{
	width:100%;
	position:relative;
}
#banner1Title{
	position:absolute;
	bottom:55px;
	left:20px;
	width:71%;
}
#banner1Title_orange{
	position:absolute;
	bottom:0;
	right:-3%;
	width:12%;
-webkit-animation: rotate 5s linear infinite;
animation: rotate 5s linear infinite;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
@keyframes rotate {
0% {transform: rotate(360deg);}
100% {transform: rotate(0deg);}
}
@-webkit-keyframes rotate {
0% {-webkit-transform: rotate(360deg);}
100% {-webkit-transform: rotate(0deg);}
}
#banner1Title_m{
	position:absolute;
	width:80%;
	margin:auto;
	left:0;
	right:0;
	top:20%;
	display:none;
}

@media (max-width: 800px){
#banner {
    margin-top: -5px;
}
#banner1Title{
	display:none;
}
#banner1Title_m{
	display:block;
}
}

#indexBtnSet{
	background-image:url(../images/img_banner_footer.jpg);
	background-repeat:no-repeat;
	background-position:top;
	background-size:contain;
	min-height:200px;
}
#indexBtnSet .container{
	padding-top:55px;
	padding-bottom:55px;
}
#indexBtnSet .box{
	background-image:url(../images/img_index_box_bg1.png);
	background-size:contain;
	
	padding: 5px;
}

#indexBtnSet .box .insideBox{
	background-color:#FFF;
	position:relative;
}
#indexBtnSet .box .insideBox > img{
	width:40%;
}
#indexBtnSet .box .insideBox .textBox{
	width:60%;
	padding-right:4%;
	float:right;
}
#indexBtnSet .box .insideBox .title{
	color:#ff921b;
	font-size:1.5rem;
	font-weight:bold;
	padding-top:7%;
}
#indexBtnSet .box .insideBox .content{
	font-size:0.8125rem;
	color:#000;
	padding-top:2%;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
#indexBtnSet .box .insideBox .icon{
	width:29px;
	height:29px;
	position:absolute;
	bottom:20px;
	right:20px;
}
#indexBtnSet .box:hover .insideBox .icon{
	-webkit-animation:spin 2s linear infinite;
    -moz-animation:spin 2s linear infinite;
    animation:spin 2s linear infinite;
}
#indexBtnSet .box .insideBox .icon >img{
	width:100%;
}
@media (max-width: 1100px){
#indexBtnSet .container {
    padding-top: 20px;
    padding-bottom: 20px;
}
#indexBtnSet .box .insideBox .icon{
	position:relative;
	float:right;
	margin-bottom:7%;
	margin-right:3%;
	bottom:0;
	right:0;
}
}