@charset "utf-8";

/* Banner */
.swiper-container1 .swiper-pagination{
	text-align: left;
	max-width: 1200px;
	left: 50%;
	transform: translate(-50%,0);
	bottom: 30px;
}
.swiper-container1 .swiper-pagination-bullet{
	opacity: 1;
	width: 20px;
	height: 20px;
	background: url(../images/BannerBox02.png) center no-repeat;
}
.swiper-container1 .swiper-pagination-bullet-active{
	background: url(../images/BannerBox01.png) center no-repeat;
}
/* Banner End */

/* Datas */
.Datas{background: #393536;height: 290px;color: #fff; font-size: 16px;}

.Datas ul li{width: 25%;float: left;position: relative; border-left: 1px rgba(255,255,255,0.2) solid;height: 290px;padding: 100px 0 0 30px;}
.Datas ul li span{font-size: 36px;}
.Datas ul li h3{
	font-size: 18px;
}
.Datas ul li p{line-height: 20px;margin-top: 30px;}
.Datas ul li.li04{border-right: 1px rgba(255,255,255,0.2) solid;}
.Datas ul li i{width: 2px;height: 10px;background-color: #59a316;display: block;top: 40px;position: absolute; left: 0;}
/* Datas End */

/* AboutUs */
.AboutUs{background: url(../images/AboutUs.jpg) center;height: 951px;position: relative;}
.AboutUs dl dd{width: 580px;padding-top: 100px;}
.AboutUs dl dd h3{
	margin-bottom: 90px;
}
.AboutUs dl dd h3 a{font-size: 36px;line-height: 40px;}
.AboutUs dl dd h3 span{color: #59a316;}
.AboutUs dl dd h3 i{display: block;width: 934px;height: 1px;background-color: #e4e4e4;position: relative;top: 50px;left:  -355px;z-index: 99;}
.AboutUs dl dd p{font-size: 14px;color: #606060;line-height: 30px; margin-top: 30px;}
.AboutUs dl{
	position: relative;
}
.AboutUs dl dt{position: absolute; right: -80px;
bottom:-250px; z-index: 99;}
.AboutUs dl dt a{}
.AboutUs dl dt a img{display: block;transition: .8s; max-width: 100%;}
.AboutUs dl dt:hover a img{transform: scale(1.05);}

.AboutUsText{padding-top: 105px;}
.AboutUsText span{background: url(../images/AboutUsBg01.png) no-repeat center;width: 130px;height: 45px;line-height: 45px;text-align: center;display: block;float: left;}
.AboutUsText span a{font-size: 14px;color: #999;font-family: "QUEEN";}
.AboutUsText span.Vion{margin-left: 35px;}
.AboutUsText span.Vion a{color: #333;background: url(../images/Vion.png) no-repeat right;padding-right: 30px;display: inline-block;}
.AboutUsText span:hover{background: url(../images/AboutUsBg02.png) no-repeat center;}
.AboutUsText span:hover a{color: #fff;}
.AboutUsText span:hover.Vion a{background: url(../images/Vion02.png) no-repeat right;}

.AboutUsTitle{height: 190px;background:#393536;right: 0; position: absolute;bottom: 0; left: 50%;margin-left: -600px;}
.AboutUsTitle h3{font-size: 30px;color: #fff;}
.AboutUsTitle h3 a{color: #fff;display:block}
.AboutUsTitle p{font-size: 18px;color: #fff;margin-top: 8px;}
.AboutUsTitle div{padding: 65px 0 0 40px;width: 570px;background: url(../images/Vion03.png) no-repeat right 70px;}

.AboutUs em.emBox{width: 15px;height: 49px;display: block;position: absolute;left: 3.7%;z-index: 99;top: 140px;}
.AboutUs em.emBox img{display: block;}
/* AboutUs End */

/*视频弹出*/
.videobf {display: none; background: url(../images/bg01.png);position: absolute;left: 0;top: 0;width: 100%; height: 100%;z-index: 999;}
.videobf .video_con {width: 1000px;height: 600px;position: fixed;top: -600px;left: 50%;margin-left: -500px;margin-top: -300px;z-index: 98;background: #fff;border-radius: 10px;transition: all 1s;}
.videobf .video_con.cur {top: 50%;}
.videobf .video_con .closeVideo {display: block;width: 69px;height: 69px;background: url(../images/closeImg.png) no-repeat center;z-index: 99;position: absolute;right: -34px;top: -34px;cursor: pointer;}


/* DecryptElevator */
.DecryptElevator{padding: 100px 0;position: relative;}
.DecryptElevator-Text{padding-bottom: 55px;}
.DecryptElevator-Text h3{font-size: 36px;line-height: 40px;}
.DecryptElevator-Text h3 span{color: #59a316;}
.DecryptElevator-Text p{font-size: 16px;color: #606060;margin-top: 47px;float: left;}
.DecryptElevator-Text h4{background: url(../images/AboutUsBg01.png) no-repeat center;background-size: 100% 100%; width: 200px;line-height: 46px;height: 46px;text-align: center;font-size: 15px;float: right;margin-top: 20px;}
.DecryptElevator-Text h4 i{
	display: inline-block;
	vertical-align: middle;
	height: 8px;
	    width: 8px;
		margin: -2px 0 0 15px;
	    border-width: 1px 1px 0 0;
	    border-color: #999;
	    border-style: solid;
	    -webkit-transform: matrix(.71,.71,-.71,.71,0,0);
	    transform: matrix(.71,.71,-.71,.71,0,0);
}
.DecryptElevator-Con{background: url(../images/AboutUs.jpg) center;height: 470px;position: relative;}
.DecryptElevator-Con span{width: 660px;height: 660px;margin: 0 auto;display: block;position:  relative;top: -90px;}
.DecryptElevator-Con span img{display: block;width: 100%;-webkit-animation:sunny 15s linear infinite;-ms-animation:sunny 50s linear infinite;-moz-animation:sunny 50s linear infinite;animation:sunny 50s linear infinite;}
@keyframes sunny{
    0%{-ms-transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); transform:rotate(0deg);}
    100%{-ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); transform:rotate(360deg);}
}
.DecryptElevator-Con em{display: block;position: absolute;bottom: -53px;left: 50%;transform: translate(-50%,0); width: 659px;}
.DecryptElevator-Con em img{display: block;width: 100%;}

.DecryptElevator-Con ul{position: relative;top: 660px;opacity: 0;}
.DecryptElevator-Con ul li{width: 315px;margin-top: 70px;}
.DecryptElevator-Con ul li:first-child{margin-top: 0;}
.DecryptElevator-Con ul li dl dt{width: 162px; margin-top: 10px;}
.DecryptElevator-Con ul li dl dt img{width: 100%;display: block;}
.DecryptElevator-Con ul li dl dd{float: left;margin-left: 30px;}
.DecryptElevator-Con ul li dl dd h3{font-size: 20px;font-family: "Medium";color: #333; text-transform: uppercase;}
.DecryptElevator-Con ul li dl dd p{font-size: 16px;color: #666;margin-top: 5px;}

.ConBox{position: absolute;top: 18%;width: 1005px;left: 10%;}
.DecryptElevator-Con i{width: 704px;height: 95px;display: block;position: absolute;bottom: -108px;left: 36%;}
.DecryptElevator-Con i img{display: block;width: 100%;}

.DecryptElevator-Con i.icon{display: block;width: 420px;height: 1px;background-color: #e4e4e4;position: relative;top: 0;z-index: 999;left: -420px;}

.DecryptElevator em.emBox{width: 15px;height: 49px;display: block;position: absolute;left: 3.7%;z-index: 99;top: 200px;}
.DecryptElevator em.emBox img{display: block;}
/* DecryptElevator End */

/* IndexNews */
.IndexNews{padding: 100px 0;position: relative;}

.IndexNewsTitle h3 a{font-size: 36px;}
.IndexNewsTitle h3 span{
	color: #59a316;
}
.IndexNewsTitle p{font-size: 16px;color: #606060;margin-top: 15px;font-family: "QUEEN";}

.IndexNews-Con{padding-top: 50px;}
.IndexNews-Con dl{width: 370px;float: left;border-top: 1px #e4e4e4 solid;padding-top: 50px;}
.IndexNews-Con dl dt h3 a{font-size: 18px;color: #333;}
.IndexNews-Con dl dt h3 em{font-size: 14px;color: #999;display: block;margin-top: 5px;}
.IndexNews-Con dl dt span{display: block;overflow: hidden;margin: 50px 0;}
.IndexNews-Con dl dt span a{display: block;width: 370px;height: 240px;}
.IndexNews-Con dl dt span a img{display: block;width: 100%;transition: .8s;}
.IndexNews-Con dl:hover dt span a img{transform: scale(1.1);}
.IndexNews-Con dl:hover h3 a{color: #59a316;}
.IndexNews-Con dl:hover dd i{background: url(../images/News04.png) no-repeat center;width: 100px;}
.IndexNews-Con dl dd p{font-size: 13px;color: #606060;line-height: 25px;}
.IndexNews-Con dl dd i{background: url(../images/News03.png) no-repeat center;width: 27px;height: 15px;display: block;margin-top: 50px;transition: .8s;}
.IndexNews-Con dl.dl02{margin: 0 45px;}

.IndexNews-Right{width: 370px;border-top: 1px #e4e4e4 solid;height: 568px;position: relative;overflow: hidden;}
.IndexNews-Right ul{position: relative;}
.IndexNews-Right ul li{border-bottom: 1px #e4e4e4 solid;padding-bottom: 30px;margin-top: 34px;}
.IndexNews-Right ul li a h3{font-size: 18px;color: #333;}
.IndexNews-Right ul li a h3 em{font-size: 14px;color: #999;display: block;margin-top: 5px;}
.IndexNews-Right ul li a p{font-size: 13px;color: #606060;line-height: 20px;margin-top: 20px;}
.IndexNews-Right ul li:hover a h3{color: #59a316;}

.IndexNews-Con i.icon{display: block;width: 420px;height: 1px;background-color: #e4e4e4;position: relative;top: 1px;z-index: 999;left: -420px;}

.IndexNews em.emBox{width: 15px;height: 49px;display: block;position: absolute;left: 3.7%;z-index: 99;top: 140px;}
.IndexNews em.emBox img{display: block;}
/* IndexNews End */

/* IndexCase */
.IndexCase{position: relative;}

.IndexCase-title h3 a{font-size: 36px;}
.IndexCase-title h3 span{
	color: #59a316;
}
.IndexCase-title em{font-size: 16px;color: #606060;margin-top: 15px;font-family: "QUEEN";display: block;}

.IndexCase-title ul li{padding: 0 20px; height: 45px;display: block;text-align: center;line-height: 45px;background: url(../images/IndexCase.png) no-repeat center;float: left;margin-left: 10px; background-size: 100% 100%;}
.IndexCase-title ul li:first-child{margin-left: 0;}
.IndexCase-title ul li a{font-size: 14px;color: #999;display: block;}
.IndexCase-title ul li:hover{background: url(../images/IndexCase02.png) no-repeat center;}
.IndexCase-title ul li:hover a{color: #fff;}

.IndexCase-Con ul li{margin-top: 50px;position: relative;}
.IndexCase-Con ul li span{display: block;}
.IndexCase-Con ul li span a{display: block;overflow: hidden;}
.IndexCase-Con ul li span a img{display: block;width: 100%;transition: .8s;}
.IndexCase-Con ul li:hover span img{transform: scale(1.1);}

.IndexCase-Con ul li .IndexCase-Text{width: 540px;background-color: #fff;position: absolute;top: 0;right: 0;padding: 50px;}
.IndexCase-Con ul li .IndexCase-Text h3 a{font-size: 24px;color: #333;}
.IndexCase-Con ul li .IndexCase-Text p{font-size: 14px;color: #606060;margin-top: 15px;}
.IndexCase-Con ul li .IndexCase-Text h4{padding-top: 85px;}
.IndexCase-Con ul li .IndexCase-Text h4 span{font-size: 14px;color: #ccc;display: block;margin-top: 15px;}
.IndexCase-Con ul li .IndexCase-Text h4 a{display: block;font-size: 16px;}
.IndexCase-Con ul li:hover .IndexCase-Text h4 a{color: #fff;}
.IndexCase-Con ul li:hover .IndexCase-Text h3 a{color: #fff;}
.IndexCase-Con ul li:hover .IndexCase-Text p{color: #fff;}
.IndexCase-Con ul li:hover .IndexCase-Text h4 span{color: #fff;}
.IndexCase-Con ul li:hover .IndexCase-Text h4 a{color: #fff;}
.IndexCase-Con ul li:hover .IndexCase-Text{background:#393536;}

.IndexCase-Con i.icon{display: block;width: 500px;height: 1px;background-color: #e4e4e4;position: relative;top: 50px;z-index: 999;left: -420px;}

.IndexCase em.emBox{width: 15px;height: 49px;display: block;position: absolute;left: 3.8%;z-index: 99;top: 37px;}
.IndexCase em.emBox img{display: block;}
/* IndexCase End */

/* SiglenElevator */
.SiglenElevator{padding-bottom: 100px;position: relative;}

.SiglenElevator-Title h3 a{font-size: 36px;}
.SiglenElevator-Title h3 span{
	color: #59a316;
}
.SiglenElevator-Title em{font-size: 16px;color: #606060;margin-top: 15px;font-family: "QUEEN";display: block;}

.SiglenElevator-Nav{margin-top: 50px;}
.SiglenElevator-Nav ul li{float: left;width: 12.5%;padding: 0 5px; text-align: center;}
.SiglenElevator-Nav ul li a h3{font-size: 16px;color: #606060;}
.SiglenElevator-Nav ul li a h3 em{display: block;color: #d1d1d1;font-size: 12px;font-family: "Medium";margin-top: 5px;}
.SiglenElevator-Nav ul li a h4{border-bottom: 1px #e4e4e4 solid;padding: 10px 0; -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
    filter: grayscale(100%);}

.SiglenElevator-Nav ul li.cur a h3{color: #59a316;}
.SiglenElevator-Nav ul li.cur a h3 em{color: #59a316;}
.SiglenElevator-Nav ul li.cur a h4{color: #59a316;}
.SiglenElevator-Nav ul li.cur a h4{
	border-bottom: #59a316 solid 1px;
	-webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */
	    filter: grayscale(0%);
}
.SiglenElevator-Nav ul li a h4 img{
	height: 62px;
}
.SiglenElevator-List{padding-top: 50px;}
.SiglenElevator-List dl dt{width: 660px;position: relative;height: 500px;}
.SiglenElevator-List dl dt a{display: block;width: 660px;height: 500px;overflow: hidden;}
.SiglenElevator-List dl dt a img{display: block;width: 100%;transition: .8s;}
.SiglenElevator-List dl dt:hover a img{transform: scale(1.1);}
.SiglenElevator-List dl dd{border-bottom: 1px #e4e4e4 solid;padding-bottom: 30px;width: 440px;position: relative;border-top: 1px #e4e4e4 solid;padding-top: 30px;}
.SiglenElevator-List dl dd h3{font-size: 24px;}
.SiglenElevator-List dl dd h3 em{display: block;font-size: 16px;margin-top: 10px;}
.SiglenElevator-List dl dd h4{font-size: 36px;color: #606060;text-transform: uppercase;font-family: "Medium";line-height: 35px;margin-top: 55px;position:  relative;z-index: 99;}
.SiglenElevator-List dl dd i{width: 51px;height: 2px;display: block;background-color: #ddd;margin-top: 80px;}
.SiglenElevator-List dl dd a.more{text-transform: uppercase; display: block;width: 130px;height: 45px;line-height: 45px;text-align: center;background: url(../images/AboutUsBg01.png) no-repeat center;margin-top: 128px;}
.SiglenElevator-List dl dd a.more:hover{background: url(../images/AboutUsBg02.png) no-repeat center;color: #fff;}
.SiglenElevator-List dl dd span{font-size: 420px;color: #f5f5f5;font-family: "Medium";position: absolute;right: -10px;top: -70px;z-index: 1;}

.SiglenElevator-Icon{position: absolute;top: 185px;left: 307px;background: url(../images/SiglenElevatorIcon.png) no-repeat center;width: 45px;height: 130px;text-align: center;}
.SiglenElevator-Icon h5{color: #fff;font-size: 12px;padding: 40px 0 10px;}
.SiglenElevator-Icon span{width: 25px;height: 25px;display: block;margin: 0 auto;}
.SiglenElevator-Icon span img{display: block;width: 100%;}

.SiglenElevator-Con i.icon{display: block;width: 500px;height: 1px;background-color: #e4e4e4;position: relative;top: 50px;z-index: 999;left: -420px;}

.SiglenElevator em.emBox{width: 15px;height: 49px;display: block;position: absolute;left: 3.7%;z-index: 99;top: 37px;}
.SiglenElevator em.emBox img{display: block;}
/* SiglenElevator End */