@charset "utf-8";

/* Banner */
.banner{width: 100%;height: 600px;position: relative;overflow: hidden;}

.banner .slideBox{width: 100%;height: 600px;position: relative;z-index: 8;}
.banner .slideBox ul{position: absolute;left: 0;top: 0;}
.banner .slideBox li{position: relative;float: left;height: 600px;overflow: hidden;}
.banner .slideBox li img{display: block;position: absolute;top: 0;left: 50%;margin-left: -960px;width: 1920px;height: 600px;}
.banner .bannerList{text-align: center;position: absolute; padding-left:670px;bottom: 10px;z-index:9999;}
.banner .bannerList span{display: inline-block;*display: inline-block;width: 34px;height:34px;background: url(../img/BannerBox02.png) no-repeat center;margin: 0 7px;cursor: pointer;}
.banner .bannerList span.cur{background: url(../img/BannerBox01.png) no-repeat center;}
.banner:hover .bannerBtn{display: block;}

.banner i{width: 58px;height: 58px;display: block;overflow: hidden;cursor: pointer;position: absolute;top: 50%;z-index: 99;display: none;margin-top: -29px;}
.banner i img{width: 58px;height: 58px;display: block;}
.banner i.prev{left: 58px;}
.banner i.next{right: 58px;}
.banner:hover i{display: block;}
/* Banner End */
.asasas{width:1200px; height:560px; position:absolute; z-index:9;}
.ind-tit1{font-size: 32px;color:#333!important;font-weight:bold;text-align: center;}
.ind-tit1 span{position:relative;}
.ind-tit1 span:after{content:"";position:absolute;left:0%;bottom:50%;width:60px;height:1px;background:#c1c1c1;margin-left:-85px;}
.ind-tit1 span:before{content:"";position:absolute;right:0%;bottom:50%;width:60px;height:1px;background:#c1c1c1;margin-right:-85px;}
.ind-tit2{font-size:18px;color: #a3a3a3;text-align: center;font-family:"semb","Arial";margin-top:5px; text-transform:uppercase;}
/* 首页-关于我们 */
.max_wrap{max-width:580px;}
.ind_abbox{margin-top:50px;background:#e5e9ed;position:relative;}
.ind_ab_fl{width:50%;float:left;position:relative;}
.ind_ab_fl:after{position:absolute;content:"";left:0px;top:120px;height:490px;background:#00479d;width:70%;padding:0px 20% 0 30%;z-index:1;color:#fff;}
.ind_abbox .contain{position:absolute;left:50%;margin-left:-600px;top:50px;z-index:2;color:#fff;}
.ind_ab_note h2{font-family:"semb",Arial;font-size:90px;color:#c1d1e1;}/*text-shadow:8px 5px 2px #00479d;*/
.ind_ab_note h4{font-size:18px;margin:30px 0 30px;line-height:35px;}
.ind_ab_note p{line-height:28px;}
.ind_ab_note a.ind_ab_more{width:160px;height:50px;line-height:50px;border:1px solid #80a3ce;display: block;text-align: center;margin-top:50px;}
.ind_ab_note a.ind_ab_more:hover{border:1px solid #fff;}
.ind_ab_note a.ind_ab_more span{padding-left:10px;transition:all 0.6s ease;position:relative;right:0px;}
.ind_ab_note a.ind_ab_more:hover span{right:-10px;}
.ind_ab_fr{width:50%;float:right;position:relative;}
.ind_ab_fr span{position:absolute;left:50%;top:50%;transform: translate(0,-50%);width:80px;height:80px;border-radius:50%;cursor:pointer;z-index:3;}

/* Datas */
.Datas{background: url(../img/Datas.jpg) center;height: 145px;}

.Datas ul li{width: 24.8%;float: left;border-left: 1px #1d5fcf solid;height: 145px;}
.Datas ul li span{font-size: 36px;color: #fff;font-family: "QUEEN";display: block;}
.Datas ul li b{font-size: 16px;color: #fff;padding: 20px 0 0 0px;display: block; font-family:微软雅黑;}
.Datas ul li p{font-size: 13px;color: #fff;line-height: 20px;padding-left: 30px;padding-right: 30px;}

.Datas ul li i{width: 1px;height: 10px;background-color: #fff;display: block;top: 40px;position: relative;}
/* Datas End */

/* AboutUs */
.AboutUs{background: url(../img/AboutUs.jpg) center;height: 951px;position: relative;}
.AboutUs dl dd{width: 580px;padding-top: 100px;}
.AboutUs dl dd h3 a{font-size: 36px;color: #063a75;line-height: 40px;}
.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: 25px;}
.AboutUs dl dd p.p1{font-size: 16px;color: #606060;font-family: "QUEEN";margin-top: 90px;}
.AboutUs dl dd p.p2{margin-top: 50px;}
.AboutUs dl dd p.p3{margin-top: 30px;}
.AboutUs dl dt{margin-top: 163px;position:  relative;z-index: 99;}
.AboutUs dl dt a{width: 540px;height: 720px;}
.AboutUs dl dt a img{display: block;transition: .8s;}
.AboutUs dl dt:hover a img{transform: scale(1.05);}

.AboutUsText{padding-top: 105px;}
.AboutUsText span{background: url(../img/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(../img/Vion.png) no-repeat right;padding-right: 30px;display: inline-block;}
.AboutUsText span:hover{background: url(../img/AboutUsBg02.png) no-repeat center;}
.AboutUsText span:hover a{color: #fff;}
.AboutUsText span:hover.Vion a{background: url(../img/Vion02.png) no-repeat right;}

.AboutUsTitle{height: 190px;background: url(../img/Datas.jpg) right;width: 1560px;position: absolute;bottom: 0;}
.AboutUsTitle h3{font-size: 24px;color: #fff;background: url(../img/Vion03.png) no-repeat right;}
.AboutUsTitle h3 a{color: #fff;display:block}
.AboutUsTitle p{font-size: 16px;color: #fff;font-family: "Medium";margin-top: 20px;}
.AboutUsTitle div{padding: 75px 0 0 75px;width: 410px;}

.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(../img/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(../img/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;color: #063a75;line-height: 40px;}
.DecryptElevator-Text p{font-size: 16px;color: #606060;margin-top: 47px;float: left;}
.DecryptElevator-Text h4{background: url(../img/DecryptElevator.png) no-repeat center;width: 200px;line-height: 46px;height: 46px;text-align: center;color: #fff;font-size: 15px;float: right;margin-top: 20px;}
.DecryptElevator-Text h4 a{color:#fff;}
.DecryptElevator-Text h4 span{background: url(../img/DecryptElevator02.png) no-repeat right;padding-right: 20px;}

.DecryptElevator-Con{background: url(../img/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: -13px;left: 36%;height:  439px;width: 344px;}
.DecryptElevator-Con em img{display: block;width: 100%;}

.DecryptElevator-Con ul{position: relative;top: 660px;opacity: 0;}
.DecryptElevator-Con ul li{width: 365px;margin-top: 50px;}
.DecryptElevator-Con ul li:first-child{margin-top: 0;}
.DecryptElevator-Con ul li dl dt{width: 220px;height: 27px;display: block;}
.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;color: #063a75;font-family: "Medium";text-transform: uppercase;}
.DecryptElevator-Con ul li dl dd p{font-size: 16px;color: #666;margin-top: 5px;}

.ConBox{position: absolute;top: 18%;width: 965px;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: 32px;color: #063a75;}
.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: #063a75;}
.IndexNews-Con dl:hover dd i{background: url(../img/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(../img/News03.png) no-repeat center;width: 62px;height: 7px;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: #063a75;}

.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: 32px;color: #063a75;}
.IndexCase-title em{font-size: 16px;color: #606060;margin-top: 15px;font-family: "QUEEN";display: block;}

.IndexCase-title ul li{width: 100px;height: 45px;display: block;text-align: center;line-height: 45px;background: url(../img/IndexCase.png) no-repeat center;float: left;margin-left: 10px;}
.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(../img/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: 440px;height: 190px;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;width: 130px;height: 45px;line-height: 45px;text-align: center;background: url(../img/AboutUsBg01.png) no-repeat center;}
.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{background: url(../img/AboutUsBg03.png) no-repeat center;color: #063a75;}
.IndexCase-Con ul li:hover .IndexCase-Text{background: url(../img/Datas.jpg) center;}

.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: 32px;color: #063a75;}
.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: 15%;text-align: center;border-bottom: 1px #e4e4e4 solid;margin-left: 2%;}
.SiglenElevator-Nav ul li:first-child{margin-left: 0;}
.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{font-size: 45px;color: #e4e4e4;font-family: "Medium";padding: 25px 0 40px;}
.SiglenElevator-Nav ul li.cur{border-bottom: #063a75 solid 1px;}
.SiglenElevator-Nav ul li.cur a h3{color: #063a75;}
.SiglenElevator-Nav ul li.cur a h3 em{color: #063a75;}
.SiglenElevator-Nav ul li.cur a h4{color: #063a75;}

.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;color: #063a75;}
.SiglenElevator-List dl dd h3 a{font-size: 24px;color: #063a75;}
.SiglenElevator-List dl dd h3 em{display: block;font-size: 16px;color: #063a75;margin-top: 10px;}
.SiglenElevator-List dl dd h4{font-size: 36px;color: #606060;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: #606060;margin-top: 80px;}
.SiglenElevator-List dl dd a.more{display: block;width: 130px;height: 45px;line-height: 45px;text-align: center;background: url(../img/AboutUsBg01.png) no-repeat center;margin-top: 128px;}
.SiglenElevator-List dl dd a.more:hover{background: url(../img/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(../img/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 */

/*关于我们*/

.i_about{ overflow:hidden;}

.i_about .wrap{ position:relative;}

.i_about .i_about_l{ float:left; overflow:hidden; background:#f7f7f7; width:69%;}

.i_about .i_about_l .cons{ overflow:hidden; width:94%;  margin:0 auto;}

.i_about .i_about_l .cons .txts{ max-width:960px; overflow:hidden; }

.i_about .i_about_l .i_about_t{ position:relative; font-weight:block; height:116px; line-height:116px; margin-top:25px; background:url(../img/i_bg1.png) 23px 24px no-repeat; background-size:auto 36%;}

.i_about .i_about_l .i_about_t:after{ content:""; position:absolute; bottom:0; left:0; width:27px; height:2px; background:#919191; top:153px;}

.i_about .i_about_l .i_about_p{ font-size:16px; line-height:30px; margin-top:23px;}

.i_about .i_about_l .ul{ margin-top:4%; overflow:hidden;}

.i_about .i_about_l .ul li{ float:left; /*width:20%;*/ max-width:120px; overflow:hidden; text-align:center; background:url(../img/i_bg2.png) right 30% no-repeat; padding-right: 4.3%; margin-right: 4.3%;}

.i_about .i_about_l .ul li:last-child{ background:none; margin-right:0; padding-right: 0;}

.i_about .i_about_l .ul li img{ display:block; margin:0 auto; width:60px; max-width:60px;transition:all 0.3s;}

.i_about .i_about_l .ul li .h3{ font-weight:normal; color:#666666; font-size:14px; line-height:32px; height:32px; overflow:hidden;}

.i_about .i_about_l .ul li:hover img{transform: rotate(360deg);}

.imore{ display:inline-block; width:122px; height:38px; line-height:38px; overflow:hidden; text-indent:20px; background:url(../img/i_bg3.png) 88px center no-repeat; border:1px solid #999999; border-radius:6px; margin-top:36px; margin-bottom:70px;transition:all 0.3s; text-align:left;}

.imore:hover{ text-indent:23px; background-image:url(../img/i_bg3_on.png); color:#fff; background-color:#104c94; border:1px solid #104c94; background-position:91px center;}

.i_about .i_about_r{ position:absolute; top:50%; right:0; transform: translate(0%, -50%); -webkit-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); -o-transform: translate(0%, -50%); }

.i_about .i_about_r .imgs{ overflow:hidden;}

.i_about .i_about_r .imgs img{display: block;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; height:600px;}

.i_about .i_about_r .imgs:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}