@charset "utf-8";

/* Header */
#InpageHeader{width: 98%;margin-left: 0;}
/* Header End */

/* InpageBanner */
.InpageBanner span{display: block;}
.InpageBanner span img{display: block;}
/* InpageBanner End */

/* InpageFooter */
.Footer02{border-top: 1px #e4e4e4 solid;}
/* InpageFooter End */

/* WbfwNav */
.InpageBanner{position: relative;}

/*.WbfwNav{position: absolute;bottom: 100px;left: 50%;margin-left: -600px;background-color: #fff;}*/
.WbfwNav{position: absolute !important;bottom: 100px;left: 50%;background-color: #fff;margin-left: -380px;}
.WbfwNav ul li{float: left;width: 199px;height: 70px;line-height: 70px;text-align: center;border-left: 1px #e7e7e7 solid;}
.WbfwNav ul li:first-child{border-left: none;}
.WbfwNav ul li a{display: block;height: 70px;font-size: 16px;color: #666;}
.WbfwNav ul li:hover{background-color: #063a75;}
.WbfwNav ul li:hover a{color: #fff;}
.WbfwNav ul li.cur{background-color: #063a75;}
.WbfwNav ul li.cur a{color: #fff;}

.BannerTitle{position: absolute;top:300px;left: 50%;opacity: 0;margin-left: -200px;}
.BannerTitle h3{font-size: 36px;color: #fff;float: left;border-right: 1px #fff solid;padding-right: 35px;margin-right: 35px;text-align: right;}
.BannerTitle h3 em{font-size: 14px;display: block;margin-top: 10px;padding-bottom: 60px;}
.BannerTitle h4{font-size: 36px;color: #fff;float: left;font-family: "QUEEN";}
.BannerTitle h4 em{font-size: 16px;display: block;}

.qyryNav ul li{width: 149px;}

.ProductNav ul li{width: 400px;}
.NewsNav ul li{width: 240px;}
/*
.villaElevatorNavs{position: relative;width: 1200px;}
.villaElevatorNavs .BoxCon{position: relative;overflow: hidden;width: 1067px;margin:  0 auto;}
.villaElevatorNavs .BoxCon ul{position: relative;}
.villaElevatorNavs ul li{width: 177px;float: left;}
.villaElevatorNavs i{display: block;width: 60px;height: 70px;overflow: hidden;cursor: pointer;position: absolute;top: 0;border-right: 1px #e7e7e7 solid;}
.villaElevatorNavs i img{display: block;width: 6px;height: 10px;margin: 30px auto 0;}
.villaElevatorNavs i.prev{left: 0;}
.villaElevatorNavs i.next{right: 0;border-left:  1px #e7e7e7 solid;}

.yxwlNav ul li{width: 240px;}*/
.villaElevatorNavs{position: relative;width: 1200px;}
.villaElevatorNavs .BoxCon{position: relative;overflow: hidden;width: 1067px;margin:  0 auto;}
.villaElevatorNavs .BoxCon ul li:last-child{border-right: 1px #e7e7e7 solid;}
.villaElevatorNavs .BoxCon ul{position: relative;}
.villaElevatorNavs ul li{width: 177px;float: left;}
.villaElevatorNavs i{display: block;width: 60px;height: 70px;overflow: hidden;cursor: pointer;position: absolute;top: 0;border-right: 1px #e7e7e7 solid;}
.villaElevatorNavs i img{display: block;width: 6px;height: 10px;margin: 30px auto 0;}
.villaElevatorNavs i.prev{left: 0;}
.villaElevatorNavs i.next{right: 0;border-left:  1px #e7e7e7 solid;}

.yxwlNav ul li{width: 240px;}

.CaseNav ul li{width: 600px;}
.CaseNav ul li.li07 i{background: url(Img/Inpage/CaseImg01.png) no-repeat center right;background-position: -1px 0;}
.CaseNav ul li.li07:hover i{background: url(Img/Inpage/CaseImg01.png) no-repeat center right;background-position: -1px -25px !important;}
.CaseNav ul li.li08 i{background: url(Img/Inpage/CaseImg02.png) no-repeat center right;background-position: -2px 0;}
.CaseNav ul li.li08:hover i{background: url(Img/Inpage/CaseImg02.png) no-repeat center right;background-position: -2px -25px !important;}
.InpageBanner .CaseNav ul li.cur i{background-position: -2px -25px !important;}
/* WbfwNav End */

/* Installation */
.Installation{background-color: #f6f6f6;padding: 100px 0;}

.InpageTitle{text-align: center;}
.InpageTitle h3{font-size: 32px;color: #063a75;}
.InpageTitle h3 span{border-left: 1px #063a75 dotted;border-right: 1px #063a75 dotted;padding: 0 10px;margin: 0 10px;}
.InpageTitle p{font-size: 16px;color: #333;margin-top: 20px;}

.InstallationCon{padding-top: 60px;}
.InstallationCon ul li{float: left;width: 49%;margin-left: 2%;position: relative}
.InstallationCon ul li:first-child{margin-left: 0;}
.InstallationCon ul li span{display: block;overflow: hidden;}
.InstallationCon ul li span img{display: block;width: 100%;transition: .8s;}
.InstallationCon ul li:hover span img{transform: scale(1.1);}

.InstallationCon ul li p{width: 550px;height: 90px;background: url(Img/Inpage/InstallationBg01.png) center;text-align: center;color: #fff;font-size: 16px;line-height: 30px;padding: 15px 0;position: absolute;bottom: 20px;left: 20px;}
.InstallationCon ul li:hover p{background: url(Img/Inpage/InstallationBg02.png) center;}

.InstallationCon dl{background-color: #fff;padding: 40px 50px 0;margin-top: 20px;}
.InstallationCon dl dt p{font-size: 15px;color: #666;line-height: 25px;}
.InstallationCon dl dt p.p2{margin-top: 40px;}
.InstallationCon dl dd{height: 70px;line-height: 70px;background-color: #063a75;color: #fff;font-size: 20px;text-align: center;position: relative;bottom: -35px;}
/* Installation End */

/* Elevator */
.Elevator{padding: 80px 0 100px;}

.Elevator dl dt{width: 600px;height: 386px;overflow: hidden;}
.Elevator dl dt img{display: block;width: 100%;transition: .8s;}
.Elevator dl dt:hover img{transform: scale(1.1);}
/*.Elevator dl dd{width: 480px;background-color: #f6f6f6;height: 281px;padding: 60px 60px 45px;position: relative;}*/
.Elevator dl dd{width: 480px;background-color: #f6f6f6;height: 281px;padding: 35px 60px 14px;position: relative;}
.Elevator dl dd h3{font-size: 32px;color: #063a75;}
.Elevator dl dd h3 em{display: block;font-size: 16px;color: #606060;margin-top: 20px;font-family: "QUEEN";margin-bottom: 30px;}
.Elevator dl dd p{font-size: 15px;color: #666;margin-top: 10px;}

.Elevator dl dd h3 i{width: 30px;height: 2px;background-color: #063a75;display: block;position: absolute;right: -11px;top: 80px;z-index: 99;}
.Elevator dl dd h3 i.i01{left: -22px;}
/* Elevator End */

/* Question */
.Question{padding-top:42px;}

.QuestionTitle{text-align: center;z-index: 99;position:  relative;}
.QuestionTitle h3{font-size: 32px;color: #063a75;}
.QuestionTitle h3 a{font-size: 32px;color: #063a75;}
.QuestionTitle p{font-size: 16px;color: #606060;margin-top: 20px;}

.Question .QuestionCon{border: 1px #e9e9e9 solid;margin-top: 50px;}
.Question .QuestionCon dl{border-top: 1px #e9e9e9 solid;padding: 20px 40px 20px 20px;}
.Question .QuestionCon dl:first-child{border-top: none;}
.Question .QuestionCon dl dt{width: 220px;height: 140px;overflow: hidden;}
.Question .QuestionCon dl dt img{display: block;width: 100%;transition: .8s;}
.Question .QuestionCon dl:hover dt img{transform: scale(1.1);}
.Question .QuestionCon dl:hover{background-color: #063a75;}
.Question .QuestionCon dl:hover h3 a{color: #fff;}
.Question .QuestionCon dl:hover dd span{color: #fff;}
.Question .QuestionCon dl:hover dd p{color: #fff;}
.Question .QuestionCon dl:hover dd h3 i{background: url(../image/QuestionIcon.png) no-repeat right;}
.Question .QuestionCon dl dd{width: 890px;}
.Question .QuestionCon dl dd h3 a{font-size: 18px;color: #333;}
.Question .QuestionCon dl dd h3 i{background: url(../image/News03.png) no-repeat right;width: 62px;height: 7px;display: block;float: right;}
.Question .QuestionCon dl dd span{font-size: 14px;color: #999;font-family: "QUEEN";margin-top: 5px;display: block;}
.Question .QuestionCon dl dd p{font-size: 14px;color: #606060;line-height: 25px;margin-top: 30px;}

.Pagination{padding-top: 100px;margin-bottom:128px;}
.Pagination span{background: url(../image/Question01.png) no-repeat center;width: 130px;height: 45px;display: block;text-align: center;line-height: 45px;font-size: 15px;color: #999;position:  relative;z-index: 999;}
.Pagination span em{background: url(../image/Pagination01.png) no-repeat left;padding-left: 35px;}

.Pagination span:hover{background: url(../image/AboutUsBg02.png) no-repeat center;color: #fff;}
.Pagination span:hover em{background: url(../image/Pagination02.png) no-repeat left;}
.Pagination span:hover em a{color: #fff;}
.Pagination span.span02 em{background: url(../image/Pagination03.png) no-repeat right;padding-right: 35px;padding-left: 0;}
.Pagination span:hover.span02 em{background: url(../image/Pagination04.png) no-repeat right;}

.Pagination .fynum{/* margin-left: 300px; */position:  relative;z-index: 9;text-align:  center;width: 940px;}
.Pagination .fynum a{width: 50px;height: 45px;text-align: center;line-height: 45px;background: url(../image/QuestionIcon02.png) no-repeat center;margin-left: 20px;/* float: left; */font-size: 14px;color: #999;font-family: "QUEEN";display: inline-block;}
.Pagination .fynum a:first-child{margin-left: 0;}
.Pagination .fynum a:hover,.Pagination .fynum a.cur{background: url(../image/QuestionIcon03.png) no-repeat center;color: #fff;}
.Pagination i{height: 1px;background-color: #e7e7e7;width: 100%;display: block;position:  relative;z-index: 1;top: 23px;}
/* Question End */

/* FreeService */
.FreeService{background-color: #f6f6f6;padding: 100px 0;}

.FreeService dl dt{width: 600px;height: 400px;overflow: hidden;}
.FreeService dl dt img{display: block;width: 100%;transition: .8s;}
.FreeService dl dt:hover img{transform: scale(1.1);}
.FreeService dl dd{width: 550px;position: relative;}
.FreeService dl dd h3{font-size: 32px;color: #063a75;}
.FreeService dl dd i{display: block;width: 80px;height: 2px;background-color: #063a75;position: absolute;top: 20px;left: -100px;}
.FreeService dl dd p{font-size: 14px;color: #666;line-height: 25px;margin-top: 40px;}
.FreeService dl dd em{font-size: 16px;color: #606060;display: block;margin-top: 127px;font-family: "QUEEN";}

.FreeService ul{border: 1px #ddd solid;margin-top: 100px;}
.FreeService ul li{width: 528px;height: 60px;line-height: 60px;display: inline-block;font-size: 16px;color: #606060;float: left;padding: 0 35px;border-left: 1px #ddd solid;}
.FreeService ul li:first-child{border-left: none;}
.FreeService ul li span{font-size: 20px;color: #063a75;font-family: "QUEEN";margin-right: 30px;}
.FreeService ul li.li02{background-color: #063a75;color: #fff;border-left: 1px #063a75 solid;}
.FreeService ul li.li02 span{color: #fff;}
/* FreeService End */

/* FreeService-information */
.FreeService-information{padding: 100px 0;}
.FreeService-information dl dd{background: none;width: 520px;height: 340px;padding: 30px 40px 0;}
.FreeService-information dl dt{width: 600px;height: 370px;}
.FreeService-information dl dd p{margin-top: 0;line-height: 30px;color: #666;font-size: 14px;}
.FreeService-information dl dd i{display: block;height: 2px;width: 80px;background-color: #063a75;margin-top: 37px;}
.FreeService-information dl dd.dd02{padding: 0 40px;}
.FreeService-information dl dd.dd02 i{margin-top: 150px;}
/* FreeService-information End */

/* Download */
.Download{padding: 100px 0;}

.DownloadCon{border: 1px #eee solid;margin-top: 60px;}
.DownloadCon ul li{height: 60px;line-height: 60px;border-top: 1px #ddd solid;}
.DownloadCon ul li:first-child{border-top: none;}
.DownloadCon ul li span{color: #333;font-size: 15px;display: block;float: left;border-left: 1px #ddd solid;}
.DownloadCon ul li span:first-child{border-left: none;}
.DownloadCon ul li span.span01{width: 781px;padding: 0 45px;}
.DownloadCon ul li span.span02{width: 135px;text-align: center;color: #999;font-size: 12px;}
.DownloadCon ul li span.span03{width: 190px;text-align: center;font-size: 14px;color: #666;}
.DownloadCon ul li span a{background: url(Img/Inpage/Download01.png) no-repeat 120px;padding-right: 35px;display: block;}
.DownloadCon ul li:hover{background-color: #063a75;}
.DownloadCon ul li:hover span{border-left: 1px #022a56 solid;color: #fff;}
.DownloadCon ul li:hover span:first-child{border-left: none;}
.DownloadCon ul li:hover span a{background: url(Img/Inpage/Download02.png) no-repeat 120px;color: #fff;}
/* Download End */

/* EnterpriseHonor */
.EnterpriseHonor{padding: 100px 0;}

.EnterpriseHonor-Nav{width: 1200px;margin: 40px auto 20px;text-align:  center;}
.EnterpriseHonor-Nav ul li{width: 110px;height: 45px;background: url(Img/Inpage/EnterpriseHonor01.png) no-repeat center;text-align: center;line-height: 45px;display: inline-block;/* float: left; */margin-left: 20px;font-size: 20px;color: #606060;}
.EnterpriseHonor-Nav ul li a{color: #606060;}
.EnterpriseHonor-Nav ul li:first-child{margin-left: 0;}
.EnterpriseHonor-Nav ul li.cur{background: url(Img/Inpage/EnterpriseHonor02.png) no-repeat center;color: #fff;}
.EnterpriseHonor-Nav ul li.cur a{color: #fff;}
.EnterpriseHonor-Nav ul li:hover{background: url(Img/Inpage/EnterpriseHonor02.png) no-repeat center;color: #fff;}
.EnterpriseHonor-Nav ul li:hover a{color: #fff;}

.EnterpriseHonor-Con ul li{float: left;width: 280px;margin-left: 26px;margin-top:  30px;text-align: center;}
.EnterpriseHonor-Con ul li.li01{margin-left: 0;}
.EnterpriseHonor-Con ul li span{width: 258px;display: block;margin: 0 auto;padding: 10px;border: 1px #e4e4e4 solid;overflow: hidden;}
.EnterpriseHonor-Con ul li span img{transition: .8s;width:181px;height:261px;}
.EnterpriseHonor-Con ul li p{height: 70px;line-height: 70px;width: 280px;color: #606060;font-size: 16px;}
.EnterpriseHonor-Con ul li:hover p{background-color: #022a56;color: #fff;}
.EnterpriseHonor-Con ul li:hover span{border: 1px #022a56 solid;}
.EnterpriseHonor-Con ul li:hover span img{transform: scale(1.1);}

.EnterpriseHonor .Pagination{padding-top: 70px;}
/* EnterpriseHonor End */

/* CompanyIntroduction */
.CompanyIntroduction{padding: 100px 0;}

.Siglen-Elevator{margin: 50px 0;}
.Siglen-Elevator dl dt{width: 600px;height: 490px;overflow: hidden;}
.Siglen-Elevator dl dt img{display: block;width: 100%;transition: .8s;}
.Siglen-Elevator dl dt:hover img{transform: scale(1.1);}
.Siglen-Elevator dl dd{width: 550px;position: relative;}
.Siglen-Elevator dl dd h3{font-size: 32px;color: #063a75;}
.Siglen-Elevator dl dd i{display: block;width: 80px;height: 2px;background-color: #063a75;position: absolute;top: 20px;left: -100px;}
.Siglen-Elevator dl dd p{font-size: 14px;color: #666;line-height: 25px;margin-top: 30px;}
/* CompanyIntroduction End */

/* CompanyIntroduction */
.DatasBox ul li{width: 24.8%;float: left;border-left: 1px #efefef solid;height: 290px;}
.DatasBox ul li span{font-size: 36px;color: #022a56;font-family: "QUEEN";padding: 100px 0 0 30px;display: block;}
.DatasBox ul li p{font-size: 13px;color: #606060;line-height: 20px;margin-top: 30px;padding-left: 30px;}
.DatasBox ul li.li04{border-right: 1px #efefef solid;}
.DatasBox ul li i{width: 1px;height: 10px;background-color: #022a56;display: block;top: 40px;position: relative;}

.CompanyIntroduction-Box{margin-top: 100px;}
.CompanyIntroduction-Box dl{margin-top: 50px;}
.CompanyIntroduction-Box dl:first-child{margin-top: 0;}
.CompanyIntroduction-Box dl dt{width: 600px;height: 350px;overflow: hidden;}
.CompanyIntroduction-Box dl dt img{display: block;width: 100%;transition: .8s;}
.CompanyIntroduction-Box dl dt:hover img{transform: scale(1.1);}
.CompanyIntroduction-Box dl dd{width: 550px;position: relative;}
.CompanyIntroduction-Box dl dd h3{font-size: 32px;color: #063a75;}
.CompanyIntroduction-Box dl dd h3 i.i01{left: 570px;}
.CompanyIntroduction-Box dl dd i{display: block;width: 80px;height: 2px;background-color: #063a75;position: absolute;top: 20px;left: -100px;}
.CompanyIntroduction-Box dl dd p{font-size: 14px;color: #666;line-height: 25px;margin-top: 40px;}
.CompanyIntroduction-Box dl dd em{font-size: 16px;color: #606060;display: block;margin-top: 115px;font-family: "QUEEN";}
/* CompanyIntroduction End */

/* CompanyCulture */
.CompanyCulture{padding: 100px 0;}

.CompanyCulture-Bot{margin-top: 80px;}
.CompanyCulture-Bot ul li{width: 27.3%;height: 180px;border: 1px #eaeaea solid;padding: 40px 35px 30px;float:  left;margin-left: -1px;margin-top: -1px;}
.CompanyCulture-Bot ul li h3{font-size: 24px;color: #022a56;}
.CompanyCulture-Bot ul li h3 em{display: block;color: #606060;font-size: 16px;margin-top: 10px;font-family: "QUEEN";}
.CompanyCulture-Bot ul li p{font-size: 16px;color: #666;margin-top: 25px;}
.CompanyCulture-Bot ul li span{display: block;width: 40px;float:  right;height: 40px;margin-top: 40px;}
.CompanyCulture-Bot ul li span img{display: block;width: 100%;}

.CompanyCulture-Top{margin-top: 50px;}
.CompanyCulture-Top dl{background-color: #f6f6f6;width: 49%;height: 220px;}
.CompanyCulture-Top dl dd{padding: 45px 0 0 50px;}
.CompanyCulture-Top dl dd h3{font-size: 24px;color: #022a56;}
.CompanyCulture-Top dl dd h3 em{display: block;color: #606060;font-size: 16px;margin-top: 10px;font-family: "QUEEN";}
.CompanyCulture-Top dl dd p{font-size: 16px;color: #666;margin-top: 50px;}
.CompanyCulture-Top dl dt{width: 184px;height: 220px;overflow: hidden;position:  relative;right: 50px;top: 45px;}
.CompanyCulture-Top dl dt img{display: block;width: 100%;transition: .8s;}
.CompanyCulture-Top dl:hover dt img{transform: scale(1.1);}
/* CompanyCulture End */

/* SocialResponsibility */
.SocialResponsibility{padding: 85px 0 100px;}

.SocialResponsibility-Top{width: 1200px;overflow: hidden;margin: 0 auto;}
.SocialResponsibility-Top ul{width: 1215px;margin-left: -15px;}
.SocialResponsibility-Top ul li{float: left;position: relative;width: 390px;margin: 15px 0 0 15px;}
.SocialResponsibility-Top ul li span{display: block;width: 390px;height: 270px;overflow: hidden;}
.SocialResponsibility-Top ul li span img{display: block;width: 100%;transition: .8s;}
.SocialResponsibility-Top ul li:hover span img{transform: scale(1.1);}
.SocialResponsibility-Top ul li:hover p{display: block;}
.SocialResponsibility-Top ul li p{font-size: 14px;color: #fff;height: 50px;width: 100%;background: url(Img/Inpage/SocialResponsibility01.png) center;text-align: center;line-height: 50px;position: absolute;bottom: 0;left: 0;display: none;}

.SocialResponsibility-Top ul li.li01{width: 390px;height: 270px;background-color: #063a75;}
.SocialResponsibility-Top ul li.li01 h3{font-size: 26px;color: #fff;padding: 55px 55px 30px;line-height: 40px;}
.SocialResponsibility-Top ul li.li01 h4{color: #fff;font-size: 14px;padding: 0 55px;line-height: 25px;}
/* SocialResponsibility End */

/* Questions */
.Questions{padding: 100px 0 90px;}

.Questions-Left{width: 570px;}
.Questions-Left h3{border-bottom: 1px #e4e4e4 solid;padding-bottom: 40px;margin-bottom: 40px;}
.Questions-Left h3 a{font-size: 32px;color: #063a75;}
.Questions-Left h3 em{display: block;font-size: 16px;color: #606060;margin-top: 15px;}
.Questions-Left ul li{overflow: hidden;margin-top: 34px;}
.Questions-Left ul li:first-child{margin-top: 0;}
.Questions-Left ul li:hover a{color: #063a75;}
.Questions-Left ul li a{font-size: 15px;color: #333;float: left;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.Questions-Left ul li span{font-size: 15px;color: #ccc;float: right;}

.Questions-Right{width: 570px;}
.Questions-Right h3{border-bottom: 1px #e4e4e4 solid;padding-bottom: 40px;margin-bottom: 40px;}
.Questions-Right h3 a{font-size: 32px;color: #063a75;}
.Questions-Right h3 em{display: block;font-size: 16px;color: #606060;margin-top: 15px;}
.Questions-Right dl{border-bottom: 1px #e4e4e4 solid;padding-bottom: 40px;margin-bottom: 40px;}
.Questions-Right dl a{display: block;}
.Questions-Right dl dt{width: 195px;height: 125px;overflow: hidden;}
.Questions-Right dl dt img{display: block;width: 100%;transition: .8s;}
.Questions-Right dl:hover dt img{transform: scale(1.1);}
.Questions-Right dl dd{width: 340px;}
.Questions-Right dl dd h4{font-size: 18px;color: #333;}
.Questions-Right dl dd h4 span{display: block;color: #999;font-size: 14px;margin-top: 5px;}
.Questions-Right dl dd p{font-size: 13px;color: #606060;margin-top: 10px;line-height: 25px;}
.Questions-Right dl:hover dd h4{color: #063a75;}
/* Questions End */

/* InpageCase */
.InpageCase{padding-top: 100px;}

.InpageCaseCon{margin-top: 50px;}
.InpageCaseCon ul li{float: left;margin-left: 45px;border-bottom: 1px #e4e4e4 solid;padding-bottom: 40px;}
.InpageCaseCon ul li a{display: block;}
.InpageCaseCon ul li:first-child{margin-left: 0;}
.InpageCaseCon ul li a h3{font-size: 18px;color: #333;margin-top: 40px;}
.InpageCaseCon ul li a h3 em{display: block;font-size: 14px;color: #999;margin-top: 10px;background: url(Img/Inpage/InpageCase01.png) no-repeat right;}
.InpageCaseCon ul li a span{width: 370px;height: 240px;display: block;overflow: hidden;}
.InpageCaseCon ul li a span img{display: block;width: 100%;transition: .8s;}
.InpageCaseCon ul li a:hover span img{transform: scale(1.1);}
.InpageCaseCon ul li a:hover h3 em{background: url(Img/Inpage/InpageCase02.png) no-repeat right;}
.InpageCaseCon ul li a:hover h3{color: #063a75;}
.InpageCaseCon ul li:hover{border-bottom: 1px #063a75 solid;}

.InpageCase a.More{width: 130px;height: 45px;text-align: center;line-height: 45px;display: block;margin: 50px auto 0;background: url(Img/Inpage/Question01.png) no-repeat center;font-size: 14px;color: #ccc;}
.InpageCase a.More:hover{background: url(Img/Index/AboutUsBg02.png) no-repeat center;color: #fff;}
/* InpageCase End */

/* Elevators */
.Elevators{padding: 100px 0;background-color: #f6f6f6;}

.Elevators dl dt{width: 600px;height: 400px;overflow: hidden;}
.Elevators dl dt img{display: block;width: 100%;transition: .8s;}
.Elevators dl dt:hover img{transform: scale(1.1);}
.Elevators dl dd{width: 550px;position: relative;}
.Elevators dl dd h3{font-size: 32px;color: #063a75;}
.Elevators dl dd i{display: block;width: 80px;height: 2px;background-color: #063a75;position: absolute;top: 20px;left: -100px;}
.Elevators dl dd p{font-size: 14px;color: #666;line-height: 25px;margin-top: 25px;}
.Elevators dl dd p b{font-size: 16px;color: #666;line-height: 47px;margin-top: 25px;}
.Elevators dl dd em{font-size: 16px;color: #606060;display: block;margin-top: 50px;font-family: "QUEEN";}
.Elevators dl dd em.Villa02{margin-top: 240px;}
.Elevators dl dd em.Villa03{margin-top: 190px;}
.Elevators dl dd em.Villa04{margin-top: 160px;}

.Elevators dl dd ul{margin-top: 40px;}
.Elevators dl dd ul li{width: 125px;height: 125px;text-align: center;float: left;margin-left: 30px;background-color: #fff;box-shadow: 0 7px 33px rgba(0,0,0,0.1);border-radius: 50%;}
.Elevators dl dd ul li:first-child{margin-left: 0;}
.Elevators dl dd ul li b{font-size: 16px;color: #666;margin-top: 10px;font-weight: normal;display: block;}
.Elevators dl dd ul li span{display: block;width: 33px;height: 33px;margin: 25px auto 0;}
.Elevators dl dd ul li span img{display: block;width: 100%;}

.Elevators dl dd ul.yydtText{margin-top: 65px;}
.Elevators dl dd ul.yydtText li{margin-left: 15px;}
.Elevators dl dd ul.yydtText li:first-child{margin-left: 0;}

.Elevators dl dd ul.qcdtText{margin-top: 85px;}
/* Elevators End */

/* Residential */
.Residential{background-color: #f6f6f6;padding-bottom: 100px;}

.ResidentialCon{margin-top: 60px;}
.ResidentialCon a{display: block;}
.ResidentialCon a img{display: block;width: 100%;}
/* Residential End */

/* PassengerSeries */
.PassengerSeries{background: url(Img/Index/Datas.jpg) center;height: 450px;margin-bottom: 190px;}

.PassengerSeries-Title{padding: 100px 0 50px;}
.PassengerSeries-Title h3{color: #fff;}
.PassengerSeries-Title h3 a{color: #fff;}
.PassengerSeries-Title p{color: #fff;}

.PassengerSeries-Con ul li{width: 380px;height: 410px;background-color: #fff;border: 1px #e4e4e4 solid;text-align: center;float: left;margin-left: 27px;position: relative;}
.PassengerSeries-Con ul li:first-child{margin-left: 0;}
.PassengerSeries-Con ul li a{display: block;width: 280px;height: 285px;margin: 50px auto 0;padding-top: 25px;position:  relative;z-index:  99;}
.PassengerSeries-Con ul li a span{width: 45px;height: 45px;display: block;overflow: hidden;position: relative;margin: 0 auto;}
.PassengerSeries-Con ul li a span img{display: block;width: 45px;height: 90px;position: relative;}
.PassengerSeries-Con ul li:hover a span img{position: relative;top: -45px;}
.PassengerSeries-Con ul li a h3{font-size: 24px;color: #333;margin: 40px 0 25px;}
.PassengerSeries-Con ul li a h4{color: #ccc;font-size: 30px;font-family: "QUEEN";}
.PassengerSeries-Con ul li a i{display: block;width: 44px;height: 2px;background-color: #022a56;margin: 40px auto 0;}
.PassengerSeries-Con ul li:hover a{background: url(Img/Inpage/SocialResponsibility01.png) center;}
.PassengerSeries-Con ul li:hover a h3{color: #fff;}
.PassengerSeries-Con ul li:hover a i{background-color: #fff;}
.PassengerSeries-Con ul li:hover a h4{color: #fff;}
.PassengerSeries-Con ul li em{display: block;width: 380px;height: 410px;position: absolute;top: 0;left: 0;z-index: 1;display: none;}
.PassengerSeries-Con ul li em img{display: block;width: 100%;}
.PassengerSeries-Con ul li:hover em{display: block;}
/* PassengerSeries End */

/* VillaElevator-Box 
.VillaElevator-Box{padding: 100px 0 135px;}

.VillaElevator-BoxCon{height: 500px;background: url(Img/Index/Datas.jpg) center;margin-top: 100px;}
.VillaElevator-BoxCon .container{position: relative;}
.VillaElevator-BoxCon span.span01{display: block;width: 955px;height: 955px;margin: 0 auto;position: relative;top: -230px;}
.VillaElevator-BoxCon span.span01 img{display: block;width: 100%;}
.VillaElevator-BoxCon span.span02{width: 339px;height: 569px;display: block;position: absolute;top: -40px;left: 50%;margin-left: -170px;box-shadow: 0 40px 100px rgba(0,0,0,0.4);}
.VillaElevator-BoxCon span.span03{top: -8px;width: 541px;height: 514px;left: 50%;margin-left: -270px;}
.VillaElevator-BoxCon span.span04{top: -35px;}

.VillaElevator-BoxText{position: absolute;top: 125px;left: 175px;}
.VillaElevator-BoxText ul li{font-size: 16px;color: #fff;background: url(Img/Inpage/villaElevatorBox02.png) no-repeat left;padding-left: 50px;height: 30px;line-height: 30px;position: relative;}
.VillaElevator-BoxText ul li.li01{top: 40px;left: -57px;background: url(Img/Inpage/villaElevatorBox02.png) no-repeat right;padding-right: 50px;}
.VillaElevator-BoxText ul li.li02{top: 155px;left: -57px;background: url(Img/Inpage/villaElevatorBox02.png) no-repeat right;padding-right: 50px;}
.VillaElevator-BoxText ul li.li03{top: -60px;left: 665px;}
.VillaElevator-BoxText ul li.li04{top: 13px;left: 690px;}
.VillaElevator-BoxText ul li.li05{top: 155px;left: 630px;}

.VillaElevator-BoxText02 ul li.li01{left: -218px;text-align:  right;}
.VillaElevator-BoxText02 ul li.li02{left: -218px;text-align: right;}
.VillaElevator-BoxText02 ul li.li03{left: 680px;top: -95px;}
.VillaElevator-BoxText02 ul li.li04{left: 680px;}
.VillaElevator-BoxText02 ul li.li05{left: 680px;top: 107px;}*/
/* VillaElevator-Box End */



/* VillaElevator-Box */
.VillaElevator-Box{padding: 100px 0 135px;}

.VillaElevator-BoxCon{height: 500px;background: url(Img/Index/Datas.jpg) center;margin-top: 100px;}
.VillaElevator-BoxCon .container{position: relative;}
.VillaElevator-BoxCon span.span01{display: block;width: 955px;height: 955px;margin: 0 auto;position: relative;top: -230px;}
.VillaElevator-BoxCon span.span01 img{display: block;width: 100%;}
.VillaElevator-BoxCon span.span02{width: 339px;height: 569px;display: block;position: absolute;top: -40px;left: 50%;margin-left: -170px;box-shadow: 0 40px 100px rgba(0,0,0,0.4);}
.VillaElevator-BoxCon span.span03{top: -8px;width: 541px;height: 514px;left: 50%;margin-left: -270px;}
.VillaElevator-BoxCon span.span04{top: -35px;}
.VillaElevator-BoxCon span.span06{box-shadow: none;top: -45px;}
.VillaElevator-BoxCon span.span06 img{display: block;width: 100%;border: 10px #fff solid;border-radius: 50%;}
.VillaElevator-BoxCon span.span08{box-shadow: none;}

.VillaElevator-BoxText{position: absolute;top: 125px;left: 175px;}
.VillaElevator-BoxText ul li{font-size: 16px;color: #fff;background: url(Img/Inpage/villaElevatorBox02.png) no-repeat left;padding-left: 50px;height: 30px;line-height: 30px;position: relative;}
.VillaElevator-BoxText ul li.li01{top: 40px;left: -57px;background: url(Img/Inpage/villaElevatorBox02.png) no-repeat right;padding-right: 50px;}
.VillaElevator-BoxText ul li.li02{top: 155px;left: -57px;background: url(Img/Inpage/villaElevatorBox02.png) no-repeat right;padding-right: 50px;}
.VillaElevator-BoxText ul li.li03{top: -60px;left: 665px;}
.VillaElevator-BoxText ul li.li04{top: 13px;left: 690px;}
.VillaElevator-BoxText ul li.li05{top: 155px;left: 630px;}

.VillaElevator-BoxText02 ul li p{font-size: 13px;}
.VillaElevator-BoxText02 ul li.li01{left: -218px;text-align:  right;}
.VillaElevator-BoxText02 ul li.li02{left: -218px;text-align: right;}
.VillaElevator-BoxText02 ul li.li03{left: 680px;top: -95px;}
.VillaElevator-BoxText02 ul li.li04{left: 680px;}
.VillaElevator-BoxText02 ul li.li05{left: 680px;top: 107px;}

.VillaElevator-BoxText03 ul li.li01{left: -238px;text-align:  right;}
.VillaElevator-BoxText03 ul li.li02{left: -226px;text-align: right;}
.VillaElevator-BoxText03 ul li.li03{left: 706px;top: -95px;}
.VillaElevator-BoxText03 ul li.li04{left: 746px;}
.VillaElevator-BoxText03 ul li.li05{left: 706px;top: 107px;}

.VillaElevator-BoxText04 ul li.li01{left:-120px;}
.VillaElevator-BoxText04 ul li.li02{left:-120px;}
/* VillaElevator-Box End

/* DoorOpening */
.DoorOpening{padding-bottom: 100px;}

.DoorOpeningCon dl dt{text-align: center;padding: 60px 0;}
.DoorOpeningCon dl dt h4{font-size: 16px;color: #063a75;}
.DoorOpeningCon dl dt p{color: #606060;font-size: 14px;line-height: 20px;margin-top: 15px;}
.DoorOpeningCon dl dd ul li{float: left;width: 33%;text-align: center;border-left: 1px #b1b1b1 dotted;}
.DoorOpeningCon dl dd ul li:first-child{border-left: none;}
.DoorOpeningCon dl dd ul li span{width: 135px;height: 135px;display: block;margin: 0 auto;}
.DoorOpeningCon dl dd ul li span img{display: block;width: 135px;height: 135px;}
.DoorOpeningCon dl dd ul li p{font-size: 18px;color: #063a75;margin-top: 10px;}
/* DoorOpening End */

/* yydtBox */
.yydtBox{padding-bottom: 50px;}

.yydtBoxCon{margin-top: 100px;}
.yydtBoxCon ul{width: 1230px;margin-left: -30px;}
.yydtBoxCon ul li{width: 380px;float: left;margin-left: 30px;}
.yydtBoxCon ul li a{display: block;}
.yydtBoxCon ul li a span{display: block;width: 380px;height: 260px;overflow: hidden;}
.yydtBoxCon ul li a span img{display: block;width: 100%;transition: .8s;}
.yydtBoxCon ul li:hover a span img{display: block;transform: scale(1.1);}
.yydtBoxCon ul li div{width: 250px;height: 130px;background-color: #063a75;padding-left: 50px;margin:  0 auto;position:  relative;top: -60px;}
.yydtBoxCon ul li div h3{font-size: 22px;color: #fff;padding-top: 25px;}
.yydtBoxCon ul li div h3 em{display: inline-block;font-size: 30px;color: #fff;margin-right: 15px;font-family: "QUEEN";}
.yydtBoxCon ul li div p{font-size: 14px;color: #fff;margin-top: 10px;padding-left: 45px;}
/* yydtBox End */

/* yydtseries */
.yydtseries{padding-bottom: 100px;}

.yydtseries .yydtseriesTop{text-align: center;position:  relative;z-index: 99;}
.yydtseries .yydtseriesTop ul li{display: inline-block;margin-left: 15px;background: url(Img/Inpage/yydtseriesText02.png) no-repeat center;width: 160px;height: 46px;text-align: center;line-height: 46px;}
.yydtseries .yydtseriesTop ul li a{color: #fff;font-size: 16px;color: #606060;display: block;}
.yydtseries .yydtseriesTop ul li.cur{background: url(Img/Inpage/yydtseriesText01.png) no-repeat center;}
.yydtseries .yydtseriesTop ul li:first-child{margin-left: 0;}
.yydtseries .yydtseriesTop ul li.cur a{color: #fff;}

.yydtseries .yydtseriesBot{margin-top: 20px;position: relative;z-index: 99;}
.yydtseries .yydtseriesBot ul{width: 1230px;margin-left: -30px;}
.yydtseries .yydtseriesBot ul li a{display: block;cursor:default;}
.yydtseries .yydtseriesBot ul li{border: 1px #e4e4e4 solid;width: 380px;height: 500px;text-align: center;margin-left: 28px;float: left;margin-top: 28px;}
.yydtseries .yydtseriesBot ul li span{display: block;width: 378px;height: 334px;margin: 0 auto;overflow: hidden;padding-top: 35px;}
.yydtseries .yydtseriesBot ul li span img{display: block;width: 100%;transition: .8s;}
.yydtseries .yydtseriesBot ul li:hover span img{transform: scale(1.1);}
.yydtseries .yydtseriesBot ul li h3{font-size: 24px;color: #333;font-family: "QUEEN";}
.yydtseries .yydtseriesBot ul li p{font-size: 13px;color: #999;line-height: 20px;margin-top: 10px;}
/* yydtseries End */

/* ggdtBox */
.ggdtBox{margin-bottom: 100px;background: url(Img/Index/Datas.jpg) center;padding: 75px 0 50px;height: 470px;}

.ggdtBoxTop{position: relative;width: 1200px;overflow: hidden;}
.ggdtBoxTop ul{position: relative;}
.ggdtBoxTop ul li{float: left;width: 1200px;}
.ggdtBoxTop ul li div{float: left;margin-left: 80px;text-align: center;position: relative;}
.ggdtBoxTop ul li div:first-child{margin-left: 0;}
.ggdtBoxTop ul li div p{color: #fff;font-size: 14px;margin-top: 40px;}
.ggdtBoxTop ul li div span{display: block;width: 540px;height: 360px;overflow: hidden;position: relative;z-index: 99;left: 20px;}
.ggdtBoxTop ul li div span img{display: block;width: 100%;transition: .8s;}
.ggdtBoxTop ul li div i{width: 580px;height: 110px;display: block;background-color: #fff;position: absolute;bottom: 33px;left: 0;z-index: 1;}


.ggdtBoxBot{text-align: center;margin-top: 20px;}
.ggdtBoxBot span{width: 30px;height: 30px;background: url(Img/Inpage/BoxIcon02.png) no-repeat center;display: inline-block;margin-left: 10px;}
.ggdtBoxBot span:first-child{margin-left: 0;}
.ggdtBoxBot span.cur{background: url(Img/Inpage/BoxIcon01.png) no-repeat center;}
/* ggdtBox End */

/* InclinedElevator */
.InclinedElevator{padding: 100px 0;}

.InclinedElevator-Con{margin-top: 20px;}
.InclinedElevator-Con ul{width: 1230px;margin-left: -30px;}
.InclinedElevator-Con ul li{float: left;border: 1px #e7e7e7 solid;width: 380px;height: 460px;margin-left: 28px;text-align: center;margin-top: 28px;}
.InclinedElevator-Con ul li span{display: block;width: 380px;height: 230px;overflow: hidden;}
.InclinedElevator-Con ul li span img{display: block;width: 100%;transition: .8s;}
.InclinedElevator-Con ul li:hover span img{transform: scale(1.1);}
.InclinedElevator-Con ul li h3{font-size: 18px;color: #333;margin-top: 30px;}
.InclinedElevator-Con ul li p{line-height: 25px;color: #666;font-size: 14px;margin-top: 20px;}
.InclinedElevator-Con ul li:hover h3{color: #063a75;font-weight: bold;}
/* InclinedElevator End */

/* qcdtBox */
.qcdtBox{top: 0;}
.qcdtBox ul li h3{margin-bottom: 10px;}
.qcdtBox ul li{height: 90px;}
.qcdtBox ul li.li01{background: url(Img/Inpage/qcdtBoxIcon01.png) no-repeat right;padding-right: 120px;left:  -265px;top: 100px;}
.qcdtBox ul li.li02{background: url(Img/Inpage/qcdtBoxIcon02.png) no-repeat right;padding-right: 120px;left:  -265px;top: 189px;}
.qcdtBox ul li.li03{background: url(Img/Inpage/qcdtBoxIcon03.png) no-repeat left;padding-left: 120px;left: 650px;top: -127px;}
.qcdtBox ul li.li04{background: url(Img/Inpage/qcdtBoxIcon04.png) no-repeat left;padding-left: 120px;left:  650px;top: -76px;}
.qcdtBox ul li.li05{background: url(Img/Inpage/qcdtBoxIcon05.png) no-repeat left;padding-left: 120px;left:  650px;top: -13px;}
/* qcdtBox End */

/* CoreAdvantages 
.CoreAdvantages{padding-top: 100px;margin-bottom: 100px;}

.CoreAdvantages-Top{margin: 50px 0 80px;}
.CoreAdvantages-Top ul li{float: left;margin-left: 26px;background: url(Img/Inpage/PassengerBg01.png) no-repeat center;width: 280px;height: 46px;text-align: center;line-height: 46px;}
.CoreAdvantages-Top ul li.cur{background: url(Img/Inpage/PassengerBg02.png) no-repeat center;}
.CoreAdvantages-Top ul li a{font-size: 16px;color: #606060;background: url(Img/Inpage/PassengerIcon01.png) no-repeat left;padding-left: 55px;display:  inline-block;}
.CoreAdvantages-Top ul li.cur a{color: #fff;background: url(Img/Inpage/PassengerIcon02.png) no-repeat left;}
.CoreAdvantages-Top ul li:first-child{margin-left: 0;}
.CoreAdvantages-Top ul li.li02 a{background: url(Img/Inpage/PassengerIcon03.png) no-repeat left;padding-left: 35px;}
.CoreAdvantages-Top ul li.li02.cur a{background: url(Img/Inpage/PassengerIcon04.png) no-repeat left;}
.CoreAdvantages-Top ul li.li03 a{background: url(Img/Inpage/PassengerIcon05.png) no-repeat left;padding-left: 35px;}
.CoreAdvantages-Top ul li.li03.cur a{background: url(Img/Inpage/PassengerIcon06.png) no-repeat left;}
.CoreAdvantages-Top ul li.li04 a{background: url(Img/Inpage/PassengerIcon07.png) no-repeat left;padding-left: 35px;}
.CoreAdvantages-Top ul li.li04.cur a{background: url(Img/Inpage/PassengerIcon08.png) no-repeat left;}

.CoreAdvantages-Bot{height: 430px;position: relative;}
.CoreAdvantages-Bot ul li{width: 50%;position: relative;}
.CoreAdvantages-Bot ul li h3{font-size: 20px;color: #03346f;}
.CoreAdvantages-Bot ul li p{font-size: 14px;color: #606060;line-height: 20px;margin-top: 20px;padding-left: 155px;}
.CoreAdvantages-Bot ul li h3 span{background: url(Img/Inpage/CoreAdvantages01.png) no-repeat center;width: 123px;height: 27px;display: inline-block;vertical-align: middle;margin-right: 30px;}
.CoreAdvantages-Bot ul li.text h3 span{background: url(Img/Inpage/CoreAdvantages02.png) no-repeat center;margin-left: 30px;}
.CoreAdvantages-Bot ul li.text p{text-align:  right; position:  relative; left: -478px;}
.CoreAdvantages-Bot ul li.li01{top: 90px;left: 200px;}
.CoreAdvantages-Bot ul li.li02{top: 198px;left: 200px;}
.CoreAdvantages-Bot ul li.li03{top: -127px;left: 709px;}
.CoreAdvantages-Bot ul li.li04{top: -93px;left: 709px;}
.CoreAdvantages-Bot ul li.li05{top: -52px;left: 709px;}

.CoreAdvantages-Bot em{display: block;position: absolute;bottom: -13px;left: 36%;height:  439px;width: 344px;}
.CoreAdvantages-Bot em img{display: block;width: 100%;}
.CoreAdvantages-Bot i{width: 704px;height: 95px;display: block;position: absolute;bottom: -108px;left: 36%;}
.CoreAdvantages-Bot i img{display: block;width: 100%;}
 CoreAdvantages End */

/* CoreAdvantages */
.CoreAdvantages{padding-top: 100px;}

.CoreAdvantages-Top{margin: 50px 0 80px;}
.CoreAdvantages-Top ul li{float: left;margin-left: 26px;background: url(Img/Inpage/PassengerBg01.png) no-repeat center;width: 280px;height: 46px;text-align: center;line-height: 46px;}
.CoreAdvantages-Top ul li.cur{background: url(Img/Inpage/PassengerBg02.png) no-repeat center;}
.CoreAdvantages-Top ul li a{font-size: 16px;color: #606060;background: url(Img/Inpage/PassengerIcon01.png) no-repeat left;padding-left: 55px;display:  inline-block;}
.CoreAdvantages-Top ul li.cur a{color: #fff;background: url(Img/Inpage/PassengerIcon02.png) no-repeat left;}
.CoreAdvantages-Top ul li:first-child{margin-left: 0;}
.CoreAdvantages-Top ul li.li02 a{background: url(Img/Inpage/PassengerIcon03.png) no-repeat left;padding-left: 35px;}
.CoreAdvantages-Top ul li.li02.cur a{background: url(Img/Inpage/PassengerIcon04.png) no-repeat left;}
.CoreAdvantages-Top ul li.li03 a{background: url(Img/Inpage/PassengerIcon05.png) no-repeat left;padding-left: 35px;}
.CoreAdvantages-Top ul li.li03.cur a{background: url(Img/Inpage/PassengerIcon06.png) no-repeat left;}
.CoreAdvantages-Top ul li.li04 a{background: url(Img/Inpage/PassengerIcon07.png) no-repeat left;padding-left: 35px;}
.CoreAdvantages-Top ul li.li04.cur a{background: url(Img/Inpage/PassengerIcon08.png) no-repeat left;}

.CoreAdvantages-Bot{position: relative;}
.CoreAdvantages-Bot ul li{width: 50%;position: relative;}
.CoreAdvantages-Bot ul li h3{font-size: 20px;color: #03346f;}
.CoreAdvantages-Bot ul li p{font-size: 14px;color: #606060;line-height: 20px;margin-top: 20px;padding-left: 155px;}
.CoreAdvantages-Bot ul li h3 span{background: url(Img/Inpage/CoreAdvantages01.png) no-repeat center;width: 123px;height: 27px;display: inline-block;vertical-align: middle;margin-right: 30px;}
.CoreAdvantages-Bot ul li.text h3 span{background: url(Img/Inpage/CoreAdvantages02.png) no-repeat center;margin-left: 30px;}
.CoreAdvantages-Bot ul li.text p{text-align:  right; position:  relative; left: -478px;}
.CoreAdvantages-Bot ul li.li01{top: 90px;left: 200px;}
.CoreAdvantages-Bot ul li.li02{top: 198px;left: 200px;}
.CoreAdvantages-Bot ul li.li03{top: -127px;left: 709px;}
.CoreAdvantages-Bot ul li.li04{top: -93px;left: 709px;}
.CoreAdvantages-Bot ul li.li05{top: -52px;left: 709px;}

.CoreAdvantages-Bot em{display: block;position: absolute;bottom: -13px;left: 36%;height:  439px;width: 344px;}
.CoreAdvantages-Bot em img{display: block;width: 100%;}
.CoreAdvantages-Bot i{width: 704px;height: 95px;display: block;position: absolute;bottom: -108px;left: 36%;}
.CoreAdvantages-Bot i img{display: block;width: 100%;}

.CoreAdvantages-Bot span{display: block;}
.CoreAdvantages-Bot span img{display: block;width: 100%;}
/* CoreAdvantages End */


/* PassengerElevatorSeries */
.PassengerElevatorSeries-Con{background-color: #f6f6f6;padding: 30px 0 100px;margin-bottom: 50px;}

.PassengerElevatorSeries-Con dl{margin-top: 70px;}
.PassengerElevatorSeries-Con dl dt{width: 600px;height: 400px;overflow: hidden;}
.PassengerElevatorSeries-Con dl dt img{display: block;width: 100%;transition: .8s;}
.PassengerElevatorSeries-Con dl dt:hover img{transform: scale(1.1);}
.PassengerElevatorSeries-Con dl dd{width: 550px;position: relative;}
.PassengerElevatorSeries-Con dl dd h3{font-size: 32px;color: #063a75;}
.PassengerElevatorSeries-Con dl dd h3 b{display: block;font-size: 16px;color: #03346f;font-weight: normal;margin-top: 10px;}
.PassengerElevatorSeries-Con dl dd i{display: block;width: 80px;height: 2px;background-color: #063a75;position: absolute;top: 20px;left: -100px;}
.PassengerElevatorSeries-Con dl dd i.i02{left: 560px;}
.PassengerElevatorSeries-Con dl dd p{font-size: 14px;color: #666;line-height: 25px;margin-top: 40px;}
.PassengerElevatorSeries-Con dl dd em{font-size: 16px;color: #606060;display: block;margin-top: 100px;font-family: "QUEEN";}
.PassengerElevatorSeries-Con dl dd em.em02{margin-top: 55px;}
.PassengerElevatorSeries-Con dl dd em.em03{margin-top: 220px;}

.PassengerElevatorSeries .More{width: 1200px;height: 45px;text-align: center;line-height: 45px;background: url(Img/Inpage/MoreBg.png) no-repeat center;margin: 0 auto;}
.PassengerElevatorSeries .More a{color: #fff;font-size: 15px;background: url(Img/Inpage/MoreIcon.png) no-repeat right;padding-right: 25px;}
/* PassengerElevatorSeries End */

/* yxwlBox */
.yxwlBox{padding: 100px 0;}

.yxwlBoxTop{text-align: center;margin: 60px 0 30px;}
.yxwlBoxTop i{width: 100%;height: 1px;background-color: #e0e0e0;display: block;position: relative;top: 22px;z-index: 1;}
.yxwlBoxTop ul li{display: inline-block;margin-left: 30px;width: 130px;height: 45px;text-align: center;line-height: 45px;background: url(Img/Inpage/Question01.png) no-repeat center;position:  relative;z-index: 9;}
.yxwlBoxTop ul li a{display: block;color: #666;font-size: 14px;}
.yxwlBoxTop ul li.cur a{color: #fff;}
.yxwlBoxTop ul li.cur{background: url(Img/Index/AboutUsBg02.png) no-repeat center;}
.yxwlBoxTop ul li:first-child{margin-left: 0;}

.yxwlBoxBot{border-bottom: 1px #e0e0e0 solid;padding-bottom: 30px;}
.yxwlBoxBot a{display: block;width: 1200px;height: 535px;margin: 0 auto;cursor:default;}
.yxwlBoxBot a img{display: block;width: 1200px;height: 535px;}
/* yxwlBox End */

/* InpageProduct */
.InpageProduct{position: absolute;top: 200px;left: 50%;text-align: center;margin-left: -231px;}
.InpageProduct h3{font-size: 32px;color: #fff;font-weight: bold;font-family: "QUEEN";}
.InpageProduct h3 em{display: block;font-size: 20px;font-weight: normal;}
.InpageProduct h4{font-size: 42px;color: #fff;margin-top: 60px;}
.InpageProduct p{font-size: 20px;color: #fff;margin-top: 10px;}
.InpageProduct i{display: block;width: 51px;height: 2px;background-color: #fff;margin: 30px auto 0;}
#InpageProduct{top: 0;}
/* InpageProduct End */

/* InpageCon */
.InpageCon{padding:88px 0 24px 0;}

.InpageConTop{margin-top: 0 !important;}
.InpageConTop ul li.li01{width: 49.6% !important;}
.InpageConTop ul li.li01 a .TextCon{background: url(../image/SocialResponsibility01.png) center;width: 31% !important;}
.InpageConTop ul li.li01 a .TextCon h4{font-size: 32px !important;color: #fff !important;margin-bottom: 45px !important;}
.InpageConTop ul li.li01 a .TextCon h4 em{display: block !important;font-size: 14px !important;margin-top: 5px !important;}
.InpageConTop ul li.li01 a .TextCon p{font-size: 13px !important;color: #fff !important;line-height: 20px !important;margin-top: 30px !important;}
.InpageConTop ul li.li01:hover a .TextCon i{background-color: #fff !important;}
.InpageConTop ul li.li01 a h3{left: 7% !important;}

.InpageCon .InpageConBot{margin-top: .8%;}
.InpageCon .InpageConBot ul li{width: 31.4%;margin-left: .8%;float: left;position: relative;}
.InpageCon .InpageConBot ul li:first-child{margin-left: 0;}
.InpageCon .InpageConBot ul li a{display: block;}
.InpageCon .InpageConBot ul li a span{display: block;overflow: hidden;}
.InpageCon .InpageConBot ul li a span img{display: block;width: 100%;transition: .8s;}
.InpageCon .InpageConBot ul li:hover a span img{transform: scale(1.1);}
.InpageCon .InpageConBot ul li a h3{font-size: 36px;color: #fff;font-family: "QUEEN";position: absolute;top: 7%;left: 15%;}
.InpageCon .InpageConBot ul li a h3 em{display: block;font-size: 16px;color: #fff;}
.InpageCon .InpageConBot ul li a .TextCon{width:33%;background-color: #fff;position: absolute;right: 0;bottom: 0;padding: 16px 0px 0px 24px;}
.InpageCon .InpageConBot ul li a .TextCon h4{font-size:22px;color: #333;}
.InpageCon .InpageConBot ul li a .TextCon p{font-size: 14px;color: #333;margin-top: 5px;}
.InpageCon .InpageConBot ul li a .TextCon i{width: 51px;height: 2px;background-color: #d1d1d1;margin-top:28px;margin-bottom:22px;display: block;}
.InpageCon .InpageConBot ul li:hover a .TextCon h4{color: #022a56;}
.InpageCon .InpageConBot ul li:hover a .TextCon i{background-color: #022a56;}
/* InpageCon End */

/* Suggestions */
.Suggestions{padding: 100px 0 70px;}

.SuggestionsCon{margin-top: 50px;}
.SuggestionsCon ul li{height: 60px;border: 1px solid #dedede;margin-bottom: 30px;width: 580px;}
.SuggestionsCon ul li span{display: block;height: 60px;line-height: 60px;text-align: center;width: 58px;border-left: 1px solid #dedede;float: right;}
.SuggestionsCon ul li span img{display: inline-block;*display: inline-block;}
.SuggestionsCon ul li input{display: block;width: 480px;padding: 0 16px;border: none;line-height: 60px;font-size: 16px;color: #aaaaaa;float: left;outline: none;}
.SuggestionsCon ul li.li05{height: 170px;width: 100%;}
.SuggestionsCon ul li.li05 textarea{height: 130px;width: 1100px;outline:  none;resize:  none;border: none;font-size: 16px;float: left;padding: 20px 16px;}
.SuggestionsCon ul li.li05 span{border-left: none;}
.SuggestionsCon ul li.li05 textarea::-webkit-input-placeholder{color: #aaa;}
.SuggestionsCon ul li.li06 input{width: 400px;}
.SuggestionsCon ul li.li06 span{width: 140px;cursor:  pointer;}
.SuggestionsCon ul li.li07{background-color: #03346f;text-align: center;line-height: 60px;}
.SuggestionsCon ul li.li07 a{color: #fff;font-size: 22px;display: block;}
.SuggestionsCon ul li.li01 select{background: none;width: 520px;height: 60px;border: none;color: #03346f;font-size: 16px;padding: 0 16px;outline: none;appearance: none;-moz-appearance: none;-webkit-appearance: none;}
.SuggestionsCon ul li.li01 select::-ms-expand{display: none;}
/* Suggestions End */

/* SingGreen */
.SingGreen{padding: 100px 0;}

.SingGreenTop{text-align: center;margin: 35px 0 50px;}
.SingGreenTop ul li{width: 110px;height: 45px;text-align: center;line-height: 45px;background: url(Img/Inpage/EnterpriseHonor01.png) no-repeat center;display: inline-block;margin-left: 20px;}
.SingGreenTop ul li:first-child{margin-left: 0;}
.SingGreenTop ul li a{font-size: 15px;color: #606060;display: block;}
.SingGreenTop ul li.cur{background: url(Img/Inpage/EnterpriseHonor02.png) no-repeat center;}
.SingGreenTop ul li.cur a{color: #fff;}
.SingGreenTop ul li:hover{background: url(Img/Inpage/EnterpriseHonor02.png) no-repeat center;}
.SingGreenTop ul li:hover a{color: #fff;}


.SingGreenBot{position: relative;width: 1200px;overflow: hidden;height: 590px;}
.SingGreenBot ul{position: relative;}
.SingGreenBot ul li{float: left;position:  relative;}
.SingGreenBot ul li span{height: 590px;width: 1200px;overflow: hidden;display: block;}
.SingGreenBot ul li span img{transition: .8s;display: block;width: 100%;}
.SingGreenBot ul li:hover span img{transform: scale(1.1);}
.SingGreenBot ul li p{font-size: 16px;color: #fff;margin-top: 20px;position: absolute;left: 58%;bottom: 104px;margin-left: -180px;z-index: 9;}
.xgl-qh h3{font-size: 15px;color: #fff;margin-top: 50px;text-align: center;}
.xgl-qh h3 b{font-size: 26px;font-family: "QUEEN";font-weight: normal;}

.xge-Box{position: relative;}
.xgl-qh{background: url(Img/Inpage/SocialResponsibility01.png) center;height: 100px;width: 830px;margin: 0 auto;position: absolute;top:445px;left: 50%;margin-left: -415px;}
.xgl-qh i{display: block;width: 50px;height: 100px;overflow: hidden;cursor: pointer;position: absolute;z-index: 99;}
.xgl-qh i img{display: block;width: 50px;height: 100px;}
.xgl-qh i.prev{left: -50px;}
.xgl-qh i.next{right: -50px;}
/* SingGreen End */

/* NewsCenter */
.NewsCenter ul li a i{background: url(Img/Inpage/NewsIcon01.png) no-repeat center;width: 25px;height: 25px;display: inline-block;overflow: hidden;vertical-align: middle;background-position:  0 -1px;margin-left: 21px;}
.NewsCenter ul li:hover a i{background: url(Img/Inpage/NewsIcon01.png) no-repeat center;background-position: 0 -25px !important;}
.NewsCenter ul li.li02 a i{background: url(Img/Inpage/NewsIcon02.png) no-repeat center;background-position: 0 -1px;}
.NewsCenter ul li.li02:hover a i{background: url(Img/Inpage/NewsIcon02.png) no-repeat center;background-position: 0 -25px;}
.NewsCenter ul li.li03 a i{background: url(Img/Inpage/NewsIcon03.png) no-repeat center;background-position: 0 -1px;}
.NewsCenter ul li.li03:hover a i{background: url(Img/Inpage/NewsIcon03.png) no-repeat center;background-position: 0 -25px;}

.NewsCenter ul li.cur a i{background-position: 0 -25px !important;}
/* NewsCenter End */

/* NewsBanner */
.InpageBanner{position: relative;}
.InpageBanner .NewsDetail{position: absolute;top: 0;left: 50%;margin-left: -600px;}

.InpageBanner .NewsDetail h3{font-size: 36px;color: #fff;margin-top: 10%;}
.InpageBanner .NewsDetail p{color: #fff;font-size: 14px;margin-top: 25px;}
.InpageBanner .NewsDetail p span{border-left: 1px #fff dotted;padding-left: 10px;margin-left: 10px;display: inline-block;}
.InpageBanner .NewsDetail p span:first-child{margin-left: 0;border-left: none;}

.InpageBanner .NewsDetail .shareIt{height: 30px;line-height: 30px;margin-top: -45px;}
.InpageBanner .NewsDetail .shareIt span{float: left;font-size: 14px;color: #fff;}
.InpageBanner .NewsDetail .shareIt div{float: left;}
.InpageBanner .NewsDetail .shareIt div a{position: relative;display: inline-block;height:  50px;}
.InpageBanner .NewsDetail .shareIt div a span{width: 27px;height: 27px;margin: 0 8px;display: inline-block;}
.InpageBanner .NewsDetail .shareIt div a span img{display: block;width: 100%;}
.InpageBanner .NewsDetail .shareIt div a i{position: absolute;left: -30px;top: 40px;width: 100px;height: 100px;padding: 2px;border: 1px solid #f1f1f1;background: #fff;display: none;z-index: 99;}
.InpageBanner .NewsDetail .shareIt div a i img{display: block;width: 100%;}
.InpageBanner .NewsDetail .shareIt div a:hover i{display: block;}
/* NewsBanner End */

/* NewsText */
.NewsText{padding: 50px 50px 60px;background-color: #fff;border: 1px #ebebeb solid;position:  relative;top: -240px;}

/*
.NewsText p{font-size: 14px;color: #333;line-height: 25px;}
.NewsText em{margin: 40px 0 30px;display: block;overflow: hidden;}
.NewsText em img{display: block;width: 100%;transition: .8s;}
.NewsText em:hover img{transform: scale(1.1);}
*/

.NewsText .con img{max-width: 100%;}
.NewsText .con  p{ width:100%; margin:0 auto; white-space:normal; word-spacing:10px; line-height: 30px;font-size: 14px;color: #333333;}
.NewsText .con  p a{color:#063a74;}
/* NewsText End */

/* xgNews */
.xgNews{padding-bottom: 100px;}

.NewsTitle{border-bottom: 1px #e5e5e5 solid;}
.NewsTitle h3{float: left;border-bottom: 1px #03346f solid;padding-bottom: 20px;}
.NewsTitle h3 a{font-size: 20px;color: #03346f;}
.NewsTitle h3 a b{color: #333;font-weight: normal;}
.NewsTitle a.More{float: right;font-size: 13px;color: #666;}

.xgNewsCon{margin-top: 30px;}
.xgNewsCon dl{width: 600px;border-right: 1px #b2b2b2 dotted;padding-right: 60px;}
.xgNewsCon dl dt{width: 220px;height: 170px;}
.xgNewsCon dl dt a{display: block;overflow: hidden;}
.xgNewsCon dl dt a img{display: block;width: 100%;transition: .8s;}
.xgNewsCon dl dt:hover a img{transform: scale(1.1);}
.xgNewsCon dl dd{width: 330px;}
.xgNewsCon dl dd h3 a{font-size: 16px;color: #333;}
.xgNewsCon dl dd p{font-size: 13px;color: #666;line-height: 25px;margin-top: 15px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;height:71px;}
.xgNewsCon dl dd span{font-size: 13px;color: #999;margin-top: 25px;display: block;background: url(Img/Inpage/Icon01.png) no-repeat right;height: 36px;line-height: 36px;}

.xgNewsCon ul{width: 480px;}
.xgNewsCon ul li{overflow: hidden;margin-top: 15px;}
.xgNewsCon ul li:first-child{margin-top: 0;}
.xgNewsCon ul li a{font-size: 13px;color: #333;float: left;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;width: 400px;}
.xgNewsCon ul li span{font-size: 13px;color: #999;float: right;}
.xgNewsCon ul li:hover a{color: #03346f;}
/* xgNews End */

/* NewsBox */
.NewsBox{position: relative;top: -125px;}
.NewsBox ul li{width: 470px;height: 45px;background: url(Img/Inpage/NewsBg01.png) no-repeat center;text-align: center;line-height: 45px;position: relative;z-index: 99;}
.NewsBox ul li a{color: #999;font-size: 16px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;height: 33px;padding: 0 15px;}
.NewsBox ul li:hover{background: url(Img/Inpage/NewsBg02.png) no-repeat center;}
.NewsBox ul li:hover a{color: #fff;}

.NewsBox span{width: 50px;height: 45px;display: block;position: absolute;top: 0;left: 50%;margin-left: -25px;z-index: 99;}
.NewsBox span img{width: 100%;display: block;}
.NewsBox h1{width: 1200px;height: 1px;background-color: #e7e7e7;top: 50%;margin-top: -1px;position: absolute;}

.NewsTextBox{height: 30px;line-height: 30px;width: 200px;margin: 45px auto 0;}
.NewsTextBox span{float: left;font-size: 14px;color: #777;}
.NewsTextBox div{float: left;}
.NewsTextBox div a{position: relative;display: inline-block;height:  50px;}
.NewsTextBox div a span{width: 27px;height: 27px;margin: 0 8px;display: inline-block;}
.NewsTextBox div a span img{display: block;width: 100%;}
.NewsTextBox div a i{position: absolute;left: -30px;top: 40px;width: 100px;height: 100px;padding: 2px;border: 1px solid #f1f1f1;background: #fff;display: none;z-index: 99;}
.NewsTextBox div a i img{display: block;width: 100%;}
.NewsTextBox div a:hover i{display: block;}
/* NewsBox End */

/* Merchants */
.Merchants{padding: 100px 0;}

.MerchantsCon{margin-top: 50px;border: 1px #e4e4e4 solid;}
.MerchantsCon ul li{border-top: 1px #e4e4e4 solid;position: relative;padding: 40px 0;}
.MerchantsCon ul li:first-child{border-top: none;}
.MerchantsCon ul li h3{font-size: 28px;color: #333;}
.MerchantsCon ul li em{display: inline-block;color: #999;font-size: 14px;margin-left: 20px;}
.MerchantsCon ul li h4{color: #666;font-size: 20px;margin-top: 25px;background: url(Img/Inpage/MerchantsIcon04.png) no-repeat right;height: 36px;line-height: 36px;}
.MerchantsCon ul li.cur h3{color: #03346f;}
.MerchantsCon ul li.cur{background-color: #f7f7f7;}
.MerchantsCon ul li.cur h4{background: url(Img/Inpage/MerchantsIcon05.png) no-repeat right;}
.MerchantsCon ul li.cur dl dt{border-bottom: 1px #e4e4e4 solid;padding-bottom: 40px;}

.MerchantsCon ul li .DowText h3{font-size: 20px;color: #333;margin-bottom: 25px;}
.MerchantsCon ul li .DowText p{font-size: 14px;color: #666;line-height: 30px;}
.MerchantsCon ul li .DowText span{font-size: 14px;color: #03346f;margin-top: 50px;display: block;}
.MerchantsCon ul li .DowText span a{font-size: 16px;color: #03346f}
.MerchantsCon ul li .DowText h3.h301{margin-top: 40px;}
.MerchantsCon ul li .DowText h3.h302{margin-top: 100px;}
.MerchantsCon ul li .DowText h3.h303{margin-top: 100px;}
.MerchantsCon ul li dl dt{margin: 0 55px;}
.MerchantsCon ul li dl dd{padding: 0 55px;display: none;}

.Merchants .Icon{width: 140px;position: absolute;right: 55px;top: 40px;}
.Merchants .Icon a{position: relative;display: inline-block;height:  50px;}
.Merchants .Icon a span{width: 27px;height: 27px;display: inline-block;margin-left: 17px;}
.Merchants .Icon a span img{display: block;width: 100%;}
.Merchants .Icon a i{position: absolute;left: -30px;top: 40px;width: 100px;height: 100px;padding: 2px;border: 1px solid #f1f1f1;background: #fff;display: none;z-index: 99;}
.Merchants .Icon a i img{display: block;width: 100%;}
.Merchants .Icon a:hover i{display: block;}
/* Merchants End */

/* xglrBox */
.xglrBox{padding: 100px 0;}
.xglrTop{height: 480px;}

.xglrBoxLeft{width: 150px;background-color: #063a75;height: 480px;padding-left:60px;}
.xglrBoxLeft h3{font-size: 32px;color: #fff;font-weight: normal;padding-top: 60px;}
.xglrBoxLeft h3 em{display: block;font-size: 16px;margin-top: 10px;}
.xglrBoxLeft p{font-size: 16px;color: #fff;margin-top: 280px;}

.xglrBoxRigh ul li{float: left;position: relative;}
.xglrBoxRigh ul li span{width: 990px;height: 480px;display: block;overflow: hidden;}
.xglrBoxRigh ul li span img{display: block;width: 100%;transition: .8s;}
.xglrBoxRigh ul li:hover span img{transform: scale(1.1);}
.xglrBoxRigh p{position: absolute;left: 50%;bottom: 50px;font-size: 15px;margin-left: -28px;color: #fff;z-index: 99;}
.xglrBoxRigh b{font-size: 26px;}

.xglrBoxRigh{position: relative;}
.xglrBoxRigh i{display: block;width: 50px;height: 100px;overflow: hidden;cursor: pointer;position: absolute;top: 50%;z-index: 99;margin-top: -50px;}
.xglrBoxRigh i img{display: block;width: 50px;height: 100px;}
.xglrBoxRigh i.prev{left: 0;}
.xglrBoxRigh i.next{right: 0;}

.xglrImg{position: relative;width: 990px;overflow: hidden;height: 480px;}
.xglrImg ul{position: relative;}

.xglrBot{height: 410px;background-color: #f6f6f6;}
.xglrBot p{padding-top: 80px;}
.xglrBot p{text-align: center;font-size: 20px;color: #666;line-height: 40px;}

.ThisMonthsCon .container{position: relative;}
.ThisMonthsCon b{display: block;width: 50px;height: 100px;overflow: hidden;cursor: pointer;position: absolute;top: 50%;z-index: 99;margin-top: -50px;}
.ThisMonthsCon b img{display: block;width: 50px;height: 200px;position: relative;}
.ThisMonthsCon b:hover img{top: -100px;position: relative;}
.ThisMonthsCon b.prev{left: -50px;}
.ThisMonthsCon b.next{right: -50px;}
/* xglrBox End */

/* ThisMonths */
.ThisMonths{padding-bottom: 100px;}

.ThisMonthsBox{margin-top: 70px;position: relative;overflow: hidden;}
.ThisMonthsBox ul{position: relative;height: 480px;top: 35px;}
.ThisMonthsBox ul li{border: 1px #e6e6e6 solid;width: 280px;height: 440px;text-align: center;position: relative;float: left;margin-left: 24px;}
.ThisMonthsBox ul li:first-child{margin-left: 0;}
.ThisMonthsBox ul li span{width: 240px;height: 250px;overflow: hidden;margin: 20px auto 0;display: block;}
.ThisMonthsBox ul li span img{display: block;width: 100%;transition: .8s;}
.ThisMonthsBox ul li:hover span img{transform: scale(1.1);}
.ThisMonthsBox ul li h3{color: #063a75;font-size: 20px;margin: 30px 0 15px;}
.ThisMonthsBox ul li p{font-size: 14px;color: #606060;line-height: 25px;}
.ThisMonthsBox ul li i{width: 31px;height: 2px;background-color: #03346f;margin: 20px auto 0;display: block;}
.ThisMonthsBox ul li em{width: 54px;height: 33px;display: block;margin: 0 auto;position: absolute;top: -34px;left: 50%;margin-left: -27px;}
.ThisMonthsBox ul li em img{display: block;width: 100%;}
/* ThisMonths End */

/* DomesticProject */
.DomesticProjectBox{position: relative;}
.DomesticProject{padding: 100px 0 50px;}

.DomesticProject-Top{margin-top: 50px;position: relative;overflow: hidden;width: 1200px;}
.DomesticProject-Top ul{position: relative;}
.DomesticProject-Top ul li{float: left;}
.DomesticProject-Top ul li span{float: left;width: 795px;height: 535px;display: block;overflow: hidden;}
.DomesticProject-Top ul li span img{display: block;width: 100%;transition: .8s;}
.DomesticProject-Top ul li:hover span img{transform: scale(1.1);}

.DomesticProject-Top ul li .Text{width: 355px;float: right;background-color: #023571;height: 485px;line-height: 35px;padding: 50px 0 0 50px;}
.DomesticProject-Top ul li .Text h3{font-size: 24px;color: #fff;padding-right: 40px;}
.DomesticProject-Top ul li .Text p{color: #fff;font-size: 16px;margin-top: 20px;border-bottom: 1px #355d8d solid;padding-bottom: 30px;width: 310px;}
.DomesticProject-Top ul li .Text p.p1{font-size: 14px;color: #fff;line-height: 30px;border-left: 2px #fff solid;padding-left: 20px;border-bottom: none;padding-bottom: 0;margin-top: 40px;}
.DomesticProject-Top ul li .Text p.p1 em{display: block;}
.DomesticProject-Top ul li .Text a.More{width: 130px;height: 45px;text-align: center;line-height: 45px;font-size: 14px;display: block;background: url(Img/Index/AboutUsBg01.png) no-repeat center;color: #fff;margin-top: 50px;}

.DomesticProject-Box{position: absolute;bottom: 40px;right: 205px;}
.DomesticProject-Box span{width: 10px;height: 10px;display: inline-block;background-color: #2861a1;border-radius: 50%;margin-left: 30px;}
.DomesticProject-Box span:first-child{margin-left: 0;}
.DomesticProject-Box span.cur{background-color: #fff;}
/* DomesticProject End */

/* CaseCon-Top */
.CaseCon-Box{padding-bottom: 100px;}
.CaseCon-Top ul{width: 1215px;margin-left: -15px;    margin-bottom: -50px;}
.CaseCon-Top ul li{width: 390px;margin-left: 15px;float: left;margin-bottom: 50px;}
.CaseCon-Top ul li span a{display: block;overflow: hidden;}
.CaseCon-Top ul li span a img{display: block;width: 390px;height: 280px;transition: .8s;}
.CaseCon-Top ul li:hover span a img{transform: scale(1.1);}
.CaseCon-Top ul li h3{font-size: 18px;color: #333;margin-top: 35px;background: url(Img/Inpage/BoxBOR.png) no-repeat bottom;padding-bottom: 35px;overflow: hidden; white-space:nowrap; text-overflow: ellipsis;}
.CaseCon-Top ul li h3 em{display: block;font-size: 16px;color: #ccc;margin-top: 5px;}
.CaseCon-Top ul li p{font-size: 14px;color: #999;line-height: 30px;border-left: 2px #dcdcdc solid;padding-left: 20px;margin-top: 20px;}
.CaseCon-Top ul li p em{display: block;}
.CaseCon-Top ul li a.More{width: 130px;height: 45px;text-align: center;line-height: 45px;display: block;background: url(Img/Inpage/Question01.png) no-repeat center;font-size: 14px;color: #999;margin-top: 33px;}
.CaseCon-Top ul li:hover a.More{background: url(Img/Index/AboutUsBg02.png) no-repeat center;color: #fff;}
.CaseCon-Top ul li:hover h3{color: #023571;}

.CasePagination{padding-top: 50px;}
/* CaseCon-Top End */

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

.developmentPath-Con{width: 80px;background-color: #063a75;margin: 60px auto 0;height: 2888px;}
.developmentPath-Con ul li{position: absolute;}
.developmentPath-Con ul li.li01{left: 0;top: 0;}
.developmentPath-Con ul li.li02{right: 0;top: 80px;}
.developmentPath-Con ul li.li02 dl dd h4{right: 440px;}
.developmentPath-Con ul li.li02 dl dd i{left: -180px;}
.developmentPath-Con ul li.li03{top: 460px;left: 0;}
.developmentPath-Con ul li.li04{right: 0;top: 540px;}
.developmentPath-Con ul li.li05{top: 920px;left: 0;}
.developmentPath-Con ul li.li06{right: 0;top: 1000px;}
.developmentPath-Con ul li.li07{top: 1400px;left: 0;}
.developmentPath-Con ul li.li08{right: 0;top: 1480px;}
.developmentPath-Con ul li.li09{top: 1860px;left: 0;}
.developmentPath-Con ul li.li010{right: 0;top: 1940px;}
.developmentPath-Con ul li.li011{top: 2340px;left: 0;}
.developmentPath-Con ul li.li012{right: 0;top: 2420px;}
.developmentPath-Con ul li dl dt{position: relative;}
.developmentPath-Con ul li dl dt h3{font-size: 32px;color: #063a75;}
.developmentPath-Con ul li dl dt h3 em{display: inline-block;font-size: 15px;}
.developmentPath-Con ul li dl dt i{width: 2px;height: 52px;background-color: #023571;display: block;position: absolute;bottom: -70px;left: 30px;z-index: 99;}
.developmentPath-Con ul li dl dt p{font-size: 15px;color: #666;margin-top: 30px;width: 400px;}
.developmentPath-Con ul li dl dd{position: relative;}
.developmentPath-Con ul li dl dd span{width: 400px;height: 250px;display: block;margin-top: 40px;position: relative;z-index: 9;}
.developmentPath-Con ul li dl dd span img{display: block;width: 100%;}
.developmentPath-Con ul li dl dd h4{font-size: 15px;color: #023571;font-family: "QUEEN";position: absolute;right: -40px;top: 0;border-top: 1px #023571 solid;border-bottom: 1px #023571 solid;padding: 10px 0;}
.developmentPath-Con ul li dl dd i{display: block;width: 560px;height: 1px;background-color: #023571;position: absolute;top: 50%;left: 0;}

.developmentPath-Con span.DianTi{width: 49px;height: 500px;display: block;margin: 0 auto;}
.developmentPath-Con ul li a{cursor:default;}
/* developmentPath End */

/* Features */
.Features{padding-bottom: 100px;}

.FeaturesCon{margin-top: 140px;}
.FeaturesCon ul li{width: 280px;height: 440px;background-color: #f6f6f6;float: left;margin-left: 26px;text-align: center;position: relative;}
.FeaturesCon ul li:first-child{margin-left: 0;}
.FeaturesCon ul li span{width: 236px;height: 236px;display: block;margin: 0 auto;position: absolute;top: -55px;left: 50%;margin-left: -118px;}
.FeaturesCon ul li span img{display: block;width: 100%;border-radius: 50%;}
.FeaturesCon ul li h3{font-size: 16px;color: #023571;margin: 210px 0 20px;}
.FeaturesCon ul li p{font-size: 14px;color: #666;line-height: 25px;padding: 0 20px;height: 105px;}
.FeaturesCon ul li i{display: block;width: 25px;height: 1px;background-color: #023571;margin: 45px auto 0;}

.sidewalkCon ul li{width: 340px;margin-left: 90px;}
/* Features End */

/* Arrangements */
.Arrangements{padding-bottom: 100px;}

.ArrangementsCon{margin-top: 50px;}
.ArrangementsCon ul li{float: left;width: 43%;border-left: 1px #e2e2e2 solid;border-bottom: 1px #e2e2e2 solid;padding: 40px;height: 450px;}
.ArrangementsCon ul li.li01,.ArrangementsCon ul li.li02{padding-top: 0;}
.ArrangementsCon ul li.li01,.ArrangementsCon ul li.li03,.ArrangementsCon ul li.li05{border-left: none;padding-left: 0;}
.ArrangementsCon ul li.li05,.ArrangementsCon ul li.li06{border-bottom: none;}
.ArrangementsCon ul li h3{font-size: 24px;color: #333;}
.ArrangementsCon ul li h3 em{display: inline-block;margin-left:150px;}
.ArrangementsCon ul li p{line-height: 20px;font-size: 15px;color: #666;margin-top: 20px;}
.ArrangementsCon ul li span{width: 472px;height: 294px;display: block;}
.ArrangementsCon ul li span img{display: block;width: 100%;margin-top: 30px;}
.ArrangementsCon ul li span.span02{width: 628px;height: 403px;display: block;}
/* Arrangements End */

/* InclinationDisplay */
.InclinationDisplay{padding-bottom: 100px;}

.InclinationDisplay-Con{margin-top: 55px;}
.InclinationDisplay-Con ul li{float: left;width: 33.25%;border: 1px #e5e5e5 solid;margin-left: -1px;text-align: center;height: 493px;}
.InclinationDisplay-Con ul li span{margin: 30px 0 50px;display: block;overflow: hidden;}
.InclinationDisplay-Con ul li span img{display: block;width: 100%;display: block;transition: .8s;}
.InclinationDisplay-Con ul li:hover span img{transform: scale(1.1);}
.InclinationDisplay-Con ul li:hover h3{color: #023571;font-weight: bold;}
.InclinationDisplay-Con ul li h3{font-size: 20px;color: #333;}
.InclinationDisplay-Con ul li p{font-size: 15px;color: #999;margin-top: 10px;}
/* InclinationDisplay End */

/* Comprehensive */
.Comprehensive{padding: 100px 0;}

.Comprehensive-Con{margin-top: 50px;}
.Comprehensive-Con ul li{float: left;width: 330px;border-left: 1px #e4e4e4 solid;padding-left: 41px;margin-left: 41px;}
.Comprehensive-Con ul li:first-child{margin-left: 0;}
.Comprehensive-Con ul li span{display: block;width: 330px;height: 200px;overflow: hidden;}
.Comprehensive-Con ul li span img{display: block;width: 100%;transition: .8s;}
.Comprehensive-Con ul li:hover span img{transform: scale(1.1);}
.Comprehensive-Con ul li h3{font-size: 24px;color: #023571;margin: 30px 0 25px;position: relative;}
.Comprehensive-Con ul li h3 em{width: 2px;height: 23px;display: block;background-color: #023571;position: absolute;left: -42px;top: 0;}
.Comprehensive-Con ul li p{font-size: 14px;color: #666;line-height: 25px;height: 125px;}
.Comprehensive-Con ul li i{display: block;width: 25px;height: 1px;background-color: #023571;margin-top: 70px;}
/* Comprehensive End */

/* TechnicalStrength */
.TechnicalStrength{padding-bottom: 0;}
/* TechnicalStrength End */

/* Uilding */
.Uilding{padding: 100px 0;}

.UildingCon{padding: 50px 0 0;}
.UildingCon dl dt{height: 330px;}
.UildingCon dl dd h3{font-size: 20px;}
.UildingCon dl dd p{line-height: 25px;margin-top: 30px;height: 170px;}
.UildingCon dl dd i{width: 25px;height: 1px;display: block;background-color: #023571;}
/* Uilding End */

/* ShaftStructure */
.ShaftStructure{background: url(Img/Index/Datas.jpg) center;padding: 0 0 50px;margin-bottom: 100px;}

.ShaftStructure-Con ul{width: 1240px;margin-left: -38px;}
.ShaftStructure-Con ul li span{width: 116px;height: 216px;display: block;position: absolute;right: -15px;bottom: -50px;z-index:  9;}
.ShaftStructure-Con ul li span img{display: block;width: 100%;}
.ShaftStructure-Con ul li{width: 580px;height: 240px;float: left;margin-left: 38px;border: 1px #4e719a solid;position: relative;margin-bottom: 38px;}
.ShaftStructure-Con ul li h3{font-size: 26px;color: #fff;padding: 40px 40px 0 40px;}
.ShaftStructure-Con ul li p{font-size: 13px;color: #fff;line-height: 25px;margin-top: 25px;padding: 0 115px 0 40px;}
/* ShaftStructure End */

/* InstallationProcess */
.InstallationProcess{padding-bottom: 100px;}

.InstallationProcess-Con span{display: block;margin-top: 40px;left: 50%;margin-left: -960px;position: relative;}
.InstallationProcess-Con span img{display: block;}
/* InstallationProcess End */

/* CommonProblems */
.CommonProblems{padding-bottom: 100px;}

.CommonProblems-Con{border-top: 1px #e4e4e4 solid;border-bottom: 1px #e4e4e4 solid;height: 486px;margin-top: 50px;position: relative;}
.CommonProblems-Con span{width: 265px;height: 540px;display: block;position: absolute;right: -135px;top: -50px;z-index: 1;}
.CommonProblems-Con span img{display: block;width: 100%;}

.CommonProblems-Left{height: 490px;border-right: 1px #e4e4e4 solid;width: 320px;}
.CommonProblems-Left h3{font-size: 20px;color: #023571;margin: 50px 0;}
.CommonProblems-Left ul li{font-size: 15px;color: #606060;position:  relative;margin-top: 30px;}
.CommonProblems-Left ul li:first-child{margin-top: 0;}
.CommonProblems-Left ul li i{width: 81px;height: 13px;display: block;background: url(Img/Inpage/CommonProblemsImg.png) no-repeat right;position:  absolute;top: 0;right: -40px;}

.CommonProblems-Right h3{font-size: 20px;color: #023571;font-weight: bold;margin: 50px 90px;}
.CommonProblems-Right ul{margin: 0 90px;}
.CommonProblems-Right ul li{font-size: 15px;color: #023571;margin-top: 30px;}
.CommonProblems-Right ul li:first-child{margin-top: 0;}
/* CommonProblems End */

/* 小屏幕 */
@media (max-width:1920px){
    .InpageConTop ul li.li01 a .TextCon p{display: none;}
}

@media (min-width:1200px) and (max-width:1600px){
    .InpageConTop ul li.li01 a .TextCon p{display: none;}
}
/* 小屏幕 End */




/* ljp 开始*/

/* 核心技术 */
.InpageBanner .hexinjs-bn{background: url(Img/Inpage/hexinjs.png) repeat center;height: 160px;width: 100%; position: absolute;bottom: 0;z-index: 99;}
.InpageBanner .hexinjs-bn ul{width: 1200px;margin: 0 auto;}
.InpageBanner .hexinjs-bn ul li{float: left;width: 300px;padding-top: 50px;}
.InpageBanner .hexinjs-bn ul li span{font-size: 36px;color: #fff;font-family: "Medium";}
.InpageBanner .hexinjs-bn ul li p{font-size: 16px;color: #fff;}

.hexinkj-zj{width: 1200px;margin: 0 auto;margin-top: 100px;}
.hexinkj-zj dl dd.dd01{width: 600px;height: 300px;float: left;}
.hexinkj-zj dl dd.dd01{width: 600px;height: 300px;display: block;overflow: hidden;}
.hexinkj-zj dl dd.dd01 img{width: 600px;height: 300px;display: block;transition: .8s;}
.hexinkj-zj dl dd.dd01 img:hover{transform: scale(1.1);}
.hexinkj-zj dl dd.dd02{padding-left: 37px;padding-right: 45px;width: 518px;float: left;padding-top: 39px;background: #f6f6f6;height: 261px;position: relative;}
.hexinkj-zj dl dd.dd02 h3{color: #063a75;font-size: 24px;font-weight: normal;}
.hexinkj-zj dl dd.dd02 h4{color: #333;font-size: 20px;font-weight: normal;margin-top: 20px;}
.hexinkj-zj dl dd.dd02 p{color: #666;font-size: 14px;line-height: 22px;margin-top: 28px;}
.hexinkj-zj dl dd.dd02 img{position: absolute;display: block;width: 49px;height: 49px;right: 44px;bottom: 38px;}

/* 解困系统 */
.jkxt{width: 1200px;margin: 0 auto;text-align: center;padding-top: 100px;padding-bottom: 80px;}
.jkxt>h3{font-weight: normal;font-family: "Medium";color: #063a75;font-size: 24px;}
.jkxt>h3 a{font-weight: normal;font-family: "Medium";color: #063a75;font-size: 24px;}
.jkxt>p{font-size: 14px;color: #333;line-height: 25px;margin-top: 18px;}

.jkxt-jqr{width: 1200px;height: 570px;margin: 0 auto;background: url(Img/Inpage/jiqirenna01.png) no-repeat 176px;margin-top: 50px;position: relative;}
.jkxt-jqr span{display: block;width: 215px;height: 215px;position: absolute;background: url(Img/Inpage/tuoyy.png) no-repeat center;text-align: center;}
.jkxt-jqr span em{font-size: 36px;color: #063a75;font-family: "Medium";margin-top: 75px;display: block;}
.jkxt-jqr span p{font-size: 18px;color: #333;}
.jkxt-jqr span.span01{left: 0;top: 10px}
.jkxt-jqr span.span02{left: 280px;top: 82px}
.jkxt-jqr span.span03{left: 64px;top: 304px}
.jkxt-jqr span.span04{right: 80px;top: -33px}
.jkxt-jqr span.span05{right: 0;top: 179px}
.jkxt-jqr span.span06{right: 229px;top: 277px}
.jkxt>a{font-style: 14px;color: #999;height: 45px;line-height: 45px;width: 130px;text-align: center;background: url(Img/Inpage/llllgda.png) no-repeat center;display: block;margin: 0 auto;margin-top: 50px;}

.hexinkj-sd{width: 1200px;margin: 0 auto;}
.hexinkj-sd ul{border: 1px solid #ebebeb;width: 100%;}
.hexinkj-sd ul li{width: 399px;padding-top: 47px;height: 253px;position: relative;float: left;border-left: 1px solid #ebebeb;}
.hexinkj-sd ul li:first-child{border-left: none;}
.hexinkj-sd ul li h3{font-weight: normal;color: #063a75;font-size: 24px;text-indent: 37px;border-left: 1px solid #063a75;}
.hexinkj-sd ul li p{width: 322px;margin: 0 auto;font-size: 14px;color: #333;line-height: 22px;margin-top: 18px;}
.hexinkj-sd ul li img{display: block;position: absolute;top: 200px;left: 295px;}

.hexinkj-dl{width: 1200px;margin: 0 auto;margin-top: 100px;}
.hexinkj-dl dl{width: 1200px;}
.hexinkj-dl dl dd{float: left;height: 398px;margin-bottom: 100px;}
.hexinkj-dl dl dd.dd02{border: 1px solid #ebebeb;position: relative;width: 599px;}
.hexinkj-dl dl dd.dd01 .img01{position: absolute;top: 20px;left: -60px;display: block;}
.hexinkj-dl dl dd.dd01 .img011{position: absolute;top: 20px;right: -60px;display: block;z-index: 9;}
.hexinkj-dl dl dd.dd02 .img02{position: absolute;top: -20px;left: 177px;}
.hexinkj-dl dl dd.dd02 .img03{margin: 0 auto;display: block;margin-top: 52px;}
.hexinkj-dl dl dd.dd02 .img04{position: absolute;top: -20px;left: 154px;}
.hexinkj-dl dl dd.dd02 .img05{display: block;width: 100%;height: 100%;transition: .8s;}

.hexinkj-dl dl:hover dd.dd02 .img05{transform: scale(1.1);}
.hexinkj-dl dl dd.dd01{position: relative;padding-left: 50px;width: 549px;}
.hexinkj-dl dl dd.dd01 h3{font-weight: normal;font-size: 32px;color: #03346f;}
.hexinkj-dl dl dd.dd01 h4{font-weight: normal;font-size: 16px;color: #333333;margin-top: 28px;}
.hexinkj-dl dl dd.dd01>p{font-size: 14px;color: #666;line-height: 25px;margin-top: 33px;width: 559px;}
.hexinkj-dl dl .dd01>a.a01{font-size: 14px;color: #999;height: 45px;line-height: 45px;width: 130px;text-align: center;background: url(Img/Inpage/llllgda.png) no-repeat center;display: block;position: absolute;bottom: 0;}
.hexinkj-dl dl .dd01>.a02{font-size: 16px;color: #606060;position: absolute;bottom: 0;font-family: "Medium";}
.hexinkj-dl dl .dd01>a:hover{color: #022a56;}
.hexinkj-dl dl .dd01>span{display: block;width: 120px;height: 120px;border-radius: 50%;border: 1px solid #ebebeb;float: left;margin-left: 18px;margin-top: 26px;text-align: center;box-shadow: #ebebeb 0px 11px 14px 0px;}
.hexinkj-dl dl .dd01>span img{display: block;margin: 0 auto;margin-top: 25px;}
.hexinkj-dl dl .dd01>span p{margin-top: 10px;font-size: 14px;color: #666666;}


.hxjs-wxlc{width: 100%;height: 1040px;background: url(Img/Inpage/hxjs-liucimg_02.jpg) no-repeat center;}
.hxjs-wxlc .container{text-align: center;padding-top: 95px;}
.hxjs-wxlc .container h3{color: #fff;font-size: 32px;}
.hxjs-wxlc .container p.p01{color: #fff;font-size: 16px;margin-top: 22px;font-family: "Medium";}
.hxjs-wxlc .container img{display: block;margin-top: 65px;}
.hxjs-wxlc .container p.p02{color: #fff;font-size: 15px;margin-top: 65px;line-height: 25px;}








/* 招商加盟 */
.zsjm-jianjie{width: 100%;background: #f6f6f6;padding: 100px 0;}
.zsjm-jianjie .zsjm-jjb{width: 1200px;margin: 0 auto;}
.zsjm-jianjie-left{float: left;width: 240px;}
.zsjm-jianjie-left h3{font-size: 32px;color: #063a75;font-weight: normal;}
.zsjm-jianjie-left p{font-size: 16px;color: #606060;font-weight: normal;font-family: "Medium";margin-top: 25px;}
.zsjm-jianjie-left span{display: block;width: 30px;height: 2px;background: #063a75;margin-top: 100px;}
.zsjm-jianjie-right{float: left;width: 960px;}
.zsjm-jianjie-right>p{font-size: 15px;color: #606060;line-height: 25px;width: 920px;margin-bottom: 28px;}
.zsjm-jianjie-right>a{display: block;width: 130px;height: 45px;line-height: 45px;text-align: center;background: url(Img/Inpage/zsjm-zxbj.png) no-repeat center;margin-top: 80px;font-size: 14px;color: #f5f5f5;}

.zsjm-ppys{width: 1200px;margin: 0 auto;padding: 100px 0;}
.zsjm-ppys-left{float: left;width: 240px;}
.zsjm-ppys-left h3{font-size: 32px;color: #063a75;font-weight: normal;}
.zsjm-ppys-left p{font-size: 16px;color: #606060;font-weight: normal;margin-top: 25px;}
.zsjm-ppys-left span{display: block;width: 30px;height: 2px;background: #063a75;margin-top: 100px;}
.zsjm-ppys-right{float: left;width: 960px;}
.zsjm-ppys-right dl{width: 960px;padding: 40px 0;border-bottom: 1px solid #ebebeb;}
.zsjm-ppys-right dl:first-child{padding-top: 0;}
.zsjm-ppys-right dl dt{float: left;width: 67px;height: 61px;line-height: 61px;text-align: center;font-family: "Medium";color: #fff;font-size: 30px;float: left;}
.zsjm-ppys-right dl dt.dt01{background: url(Img/Inpage/zsjm-ppys-bj01.png) no-repeat center;}
.zsjm-ppys-right dl dt.dt02{background: url(Img/Inpage/zsjm-ppys-bj02.png) no-repeat center;}
.zsjm-ppys-right dl dd{float: left;margin-left: 25px;}
.zsjm-ppys-right dl dd h3{font-size: 26px;color: #063a75;}
.zsjm-ppys-right dl dd p{font-size: 15px;color: #666666;margin-top: 8px;width: 855px;line-height: 25px;}

.zsjm-jcfw{width: 100%;background: url(Img/Inpage/zsjm-zcfw-bj_02.jpg) no-repeat center;height: 845px;padding-top: 95px;}
.zsjm-jcfw .zsjm-jcfwb{width: 1200px;margin: 0 auto;position: relative;}
.zsjm-jcfw-left{float: left;width: 240px;}
.zsjm-jcfw-left h3{font-size: 32px;color: #fff;font-weight: normal;}
.zsjm-jcfw-left p{font-size: 16px;color: #fff;font-weight: normal;font-family: "Medium";margin-top: 25px;}
.zsjm-jcfw-left span{display: block;width: 30px;height: 2px;background: #fff;margin-top: 95px;}
.zsjm-jcfw-right{float: left;width: 960px;background: url(Img/Inpage/zsjm-fkk.png) no-repeat top right;height: 568px;position: relative;}
.zsjm-jcfw-right span{display: block;width: 250px;height: 166px;text-align: center;padding-top: 62px;position: absolute;}
.zsjm-jcfw-right span i{font-size: 18px;color: #fff;font-style: normal;font-family: "Medium";}
.zsjm-jcfw-right span p{font-size: 24px;color: #fff;}
.zsjm-jcfw-right span.span01{left: 133px;top: 0;}
.zsjm-jcfw-right span.span02{left: 325px;top: 112px;}
.zsjm-jcfw-right span.span02 i{color: #063a75;}
.zsjm-jcfw-right span.span02 p{color: #063a75;}
.zsjm-jcfw-right span.span03{left: 518px;top: 0;}
.zsjm-jcfw-right span.span04{right: 0;top: 112px}
.zsjm-jcfw-right span.span05{left: 518px;top:226px;}
.zsjm-jcfw-right span.span06{left: 325px;bottom: 0;}
.zsjm-jcfw-right span.span07{right: 0;bottom: -5px;}
.zsjm-jcfw-right span.span07 i{color: #063a75;}
.zsjm-jcfw-right span.span07 p{color: #063a75;}

.zsjm-jcfw-wz{font-size: 16px;color: #fff;line-height: 28px;width: 375px;position: absolute;left: 480px;top: 555px}


.zsjm-liuyan{padding: 100px 0;}
.zsjm-liuyan dl dt{font-size: 16px;color: #666666;line-height: 25px;width: 320px;float: left;}
.zsjm-liuyan dl dd{float: left;width: 878px;}
.zsjm-liuyan dl dd p{width: 388px;height: 56px;line-height: 56px;float: left;margin-left: 48px;margin-bottom: 38px;}
.zsjm-liuyan dl dd p input{width: 386px;height: 54px;line-height: 56px;border: none;outline: none;border: 1px solid #e0e0e0;color: #999;font-size: 16px;text-indent: 28px;}
.zsjm-liuyan dl dd p input.input01{background: url(Img/Inpage/zsjm-lybj01.png) no-repeat 340px}
.zsjm-liuyan dl dd p input.input02{background: url(Img/Inpage/zsjm-lybj02.png) no-repeat 340px}
.zsjm-liuyan dl dd p a{width: 388px;height: 56px;line-height: 56px;display: block;font-size: 16px;color: #fff;text-indent: 136px;}
.zsjm-liuyan dl dd p.p01{background: #063a75;}
.zsjm-liuyan dl dd p.p02{background: #333333;}
.zsjm-liuyan dl dd p a.a01{background: url(Img/Inpage/zsjm-lybj03.png) no-repeat 245px}
.zsjm-liuyan dl dd p a.a02{background: url(Img/Inpage/zsjm-lybj04.png) no-repeat 245px}

/* ljp 结束*/

#c_top_wr .crm {
    position: absolute;
    top: 0;
    height: 98px;
    line-height: 110px;
    width: 370px;
    font-size: 0;
    letter-spacing: -4px;
}
#c_top_wr .crm-icon {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url(../image/crm-icon.png) no-repeat left bottom;
    letter-spacing: normal;
}
#c_top_wr .crm a {
    display: inline;
    background: url(../image/crm-arr-icon.png) no-repeat 15px center;
    padding-left: 30px;
    font-size: 14px;
    color: #929292;
    letter-spacing: normal;
    font-weight: bold;
}
#c_top_wr .til .sub_nav {
    position: relative;
    float: right;
    width: 962px;
}
#c_top_wr .til .sub_nav .ul {
    font-size: 0;
    letter-spacing: -4px;
    text-align: right;
}
#c_top_wr .til .sub_nav a.on {
    color: #063a75;
}
#c_top_wr .til .sub_nav a {
    display: inline-block;
    font-size: 16px;
    line-height: 108px;
    letter-spacing: normal;
    color: #726f6b;
    margin-left: 15px;
    font-weight: bold;
}
/*#c_top_wr .til .sub_nav .sub_slider {
    position: absolute;
    bottom: -1px;
    height: 3px;
    background: #063a75;
}*/
#c_top_wr .w1200 {
    position: relative;
}
#c_top_wr .t_ban {
    height:473px;
}
.til{
    background:#f2f2f2;
}
.job_title {
    border: 1px solid #ccc;
}
.job_title h1 {
    font-size: 18px;
    color: #063a75;
    margin-right: 20px;
    display:inline-block;
}
.job_title span {
    color: #9a9a9a;
}
.job_con {
    padding: 20px;
    display: none;
}
.job_con h2 {
    font-size: 16px;
    color: #6e6e6e;
    margin-bottom: 20px;
}
.job_con p {
    font-size: 14px;
    color: #898989;
    margin-bottom: 16px;
    line-height: 1.8;
}
.Validform_checktip{
  margin-left:8px;
  line-height:20px;
  height:20px;
  overflow:hidden;
  color:#999;
  font-size:12px;
}
.Validform_right{
  color:#71b83d;
  padding-left:20px;
  background:url(/images/right.png) no-repeat left center;
}
.Validform_wrong{
  color:red;
  padding-left:20px;
  white-space:nowrap;
  background:url(/images/error.png) no-repeat left center;
}
.Validform_loading{
  padding-left:20px;
  background:url(/images/onLoad.gif) no-repeat left center;
}
.Validform_error{
  background-color:#ffe7e7;
}
.job_list li {
    margin: 20px 0;
}
.job_list li.on .job_title {
    background: url(../image/talk.png) no-repeat 1140px center;
}
.job_title {
    background: url(../image/talk_grey.png) no-repeat 1140px center;
    height: 72px;
    line-height: 70px;
    padding: 0 20px;
    cursor: pointer;
}
.job_list{
    width:1200px;
    margin:0 auto;
}
.job_list h3{
	font-size:36px;
	color:#333;
	padding-top:58px;
}
.job_list p{
	font-size:14px;
}
.zp-fl-top {
    background: url(../image/rc-bg1.jpg) no-repeat center center;
    height: 274px;
    width: 100%;
    margin: 58px 0 20px 0;
}
.zp-fl-top h2 {
    font-size: 40px;
    font-weight: normal;
    padding-top: 80px;
    line-height: 40px;
    margin-bottom: 10px;
    color: #fff;
    text-align: center;
    display: block;
}
.zp-fl-top p {
    font-size: 20px;
    line-height: 20px;
    margin-top: 16px;
    color: #fff;
    text-align: center;
    display: block;
}
.zp-fl-bottom dl {
    float: left;
    width: 32%;
    margin: 0.5333%;
    background: #F5F5F5;
    height: 140px;
    transition: all .5s;
}
.zp-fl-bottom dl dt {
    float: left;
    margin-top: 40px;
    width: 25%;
    margin-left: 4%;
    text-align: center;
}
.zp-fl-bottom dl dd b {
    font-size: 18px;
    color: #333;
    margin: 25px 0 15px 0;
    display: block;
}
.zp-fl-bottom dl dd p {
    color: #666;
}
.container-w {
    max-width: 1200px;
    margin: 0 auto;
    overflow:hidden;
}
.zp-fl-bottom dl dt img {
    transition: all .5s;
}
.zp-fl-bottom dl:hover dt img{
	transform: rotateY(180deg);
}
.recurit-title b {
    text-align:center;
    font-size: 36px;
    color: #333;
    padding-top: 58px;
    display:block;
    font-weight:normal;
}
.recurit-title p {
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    color: #666;
    padding:20px 0 38px 0;
}
.fc-img {
    background: #F5F5F5;
    padding: 30px 0 88px 0;
    margin: 30px 0 0 0;
}
.projectn{
	width:1200px;
	margin:0 auto;
}
.projectn ul{
    overflow:hidden;
} 
.projectn > ul > li {
    width: 289px;
    float: left;
    margin-right: 12px;
    margin-bottom: 18px;
    transition: all linear 0.3s;
    border:1px solid #e5e5e5;
    margin-top:4px;
}
.projectn > ul > li:nth-child(4n) {
    margin-right: 0;
}
.projectn > ul > li:hover{
	box-shadow: rgba(0,0,0,0.2) 0 8px 20px; 
	transform:translateY(-4px);
    transition: all linear 0.3s;
}
.projectn > ul > li:hover h1{
	color:#063a75;
}
.projectn h1 {
    font-size: 14px;
    text-align:center;
    color: #666666;
    font-weight: normal;
    height:46px;
    line-height:46px;
    background:#dddddd;
    margin:0 2px 2px 2px;
}
/*about us*/
.about-brief-box{
    width: 100%;
    overflow: hidden;
    padding: 80px 0;
}
.about-brief{
    width: 1280px;
    margin: 0 auto;
}
.aboutc{
    overflow:hidden;
    margin-top:46px;
}

.about-black-title{
    width: 100%;
    overflow: hidden;
    text-align: center;
}
.about-black-title h4{
    font-size: 36px;
    color: #000;
}
.about-black-title i{
    width: 44px;
    height: 1px;
    background-color: #333;
    display: inline-block;
    margin-top: 12px;
}

.about-brief-num{
    width: 100%;
    overflow: hidden;
    padding: 30px 0 0 0;
}

.about-brief-num ul li{
    width:148px;
    float: left;
    text-align: center;
    overflow: hidden;
    margin-top:28px;
    margin-right:18px;
}

.about-brief-num ul li h6{
    color: #999999;
    font-size: 16px;
}
.about-brief-num ul li h6 span{
    font-size:48px;
    font-weight: bold;
    color:#063a75;
}
.about-brief-num ul li p{
    font-size:18px;
    color: #484848;
    margin-top: 12px;
}

.about-brief-num ul li:last-child{
    border-right: none;
}


.about-brief-words{
    width:594px;
    float:left;
    padding: 20px 0 0 0;
}
.aboutpic{
    float:left;
    margin-left:50px;
} 
.about-brief-words p{
    font-size:14px;
    color: #777;
    line-height: 26px;
}
.about-brief-more{
    width: 100%;
    overflow: hidden;
    text-align: center;
    padding: 36px 0 10px 0;
}
.about-brief-more h6{
    width: 200px;
    height: 46px;
    display: inline-block;
    border: 1px solid #dcdcdc;
    text-align: center;
    line-height: 46px;
    color: #666;
    font-size: 14px;
    cursor: pointer;
    transition: all .4s;
}
.about-brief-more h6 i{
    width: 7px;
    height: 11px;
    display: inline-block;
    background-image: url('../images/about/about_arrUp.png');
    vertical-align: middle;
    margin: -4px 0 0 12px;
}
.about-brief-more h6:hover{
    background-color: #37a808;
    color: #fff;
}
.about-brief-more h6:hover i{
    background-image: url('../images/about/about_arrUpH.png');
}

.about-culture-box{
    width: 100%;
    overflow: hidden;
    padding: 80px 0;
    background:#f2f2f2;
}
.about-culture{
    width: 1280px;
    margin: 0 auto;
}

.about-culture-piclist{
    width: 100%;
    overflow: hidden;
    padding:46px 0 0 0;
}
.about-culture-piclist ul{
    margin-left: -1%
}
.about-culture-piclist ul li{
    width: 32%;
    margin-left: 1%;
    height: 350px;
    float: left;
    overflow: hidden;
    position: relative;
}
.about-culture-piclist ul li img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .6s;
}
.about-culture-piclist ul li:hover img{
    transform: scale(1.1);
}

.about-culture-words{
    position: absolute;
    width:342px;
    height:32px;
    bottom: 2%;
    left: 4%;
    background-color: rgba(255, 255, 255, .9);
    padding: 16px 20px;
    text-align: center;
    transition: all .6s;
    overflow: hidden;
    z-index: 9;
}
.about-culture-words h6{
    font-size: 18px;
    color: #333;
    height:32px;
    line-height:32px;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}
.about-culture-words p{
    font-size: 14px;
    color: #fff;
    line-height: 24px;
    margin-top: 12px;
    height: 70px;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.about-culture-piclist ul li:hover .about-culture-words{
    background-color: rgba(6, 58, 117, .9); 
    height: 120px;
}
.about-culture-piclist ul li:hover .about-culture-words h6{
    color: #fff;
}


/* ----------------时间轴---------------------- */
.about-timershaft-box{
    width: 100%;
    overflow: hidden;
    height: 730px;
    background-repeat: no-repeat;
    padding: 80px 0;
    background-image: url('../images/about/about_fzbg.jpg');
}
.about-timershaft{
    width: 1280px;
    margin: 0 auto;
}
.about-white-title{
    width: 100%;
    overflow: hidden;
    text-align: center;
}
.about-white-title h4{
    font-size: 36px;
    font-weight: bold;
    color: #fff;
}
.about-white-title i{
    width: 44px;
    height: 1px;
    background-color: #fff;
    display: inline-block;
    margin-top: 12px;
}
.about-timershaft-matter{
    width: 100%;
    overflow: hidden;
}










/* -------------------------------------- */


.about-honor-box{
    width: 100%;
    overflow: hidden;
    padding: 80px 0 40px 0;
    background-color: #f2f2f2;
}
.about-honor{
    width: 1280px;
    margin: 0 auto;
}

.about-honor-piclist{
    width: 100%;
    overflow: hidden;
    margin-top:48px;
}
.swiper-container-honor{
    width: 100%;
    position: relative;
}

.about-honor-words{
    width: 100%;
    height: 500px;
    overflow: hidden;
    background-color: #fff;
    position: relative;
}

.about-honor-wpic{
    width: 100%;
    padding: 60px 0 20px 0;
    height: 380px;
    overflow: hidden;
    text-align: center;
}
.about-honor-wpic img{
    max-height: 100%;
    object-fit: cover;
    border: 1px solid #e5e5e5;
}
.about-honor-wp{
    width: 100%;
    overflow: hidden;
    text-align: center;
}
.about-honor-wp p{
    font-size: 16px;
    color: #333;
}
.about-honor-wmore{
    width: 100%;
    overflow: hidden;
    padding: 0 40px;
    position: absolute;
    bottom: 0;
}
.about-honor-wmore h6{
    width: 100%;
    height: 50px;
    background-color: #063a75;
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 50px;
    display: none;
}
.about-honor-wmore h6 i{
    width: 22px;
    height: 9px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url('../images/about/about_zsArr.jpg.png');
    vertical-align: middle;
    margin: -2px 0 0 10px;
}

.about-honor-words:hover h6{
    display: block;
}

.swiper-container-honor .swiper-wrapper{
    padding: 0 0 80px 0;
}

.swiper-container-honor .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: transparent;
    opacity: 1;
    border: 1px solid #063a75;
}
.swiper-container-honor .swiper-pagination-bullet-active {
    opacity: 1;
    background: #063a75;
}





.about-environment-box{
    width: 100%;
    overflow: hidden;
    padding: 80px 0 40px 0;
}
.about-environment{
    width: 100%;
}
.about-environment-matter{
    width: 100%;
    overflow: hidden;
    padding: 40px 0 0 0;
}
.swiper-container-environment{
    width: 100%;
    position: relative;
}

.swiper-container-environment .swiper-slide-prev,
.swiper-container-environment .swiper-slide-next{
    width: 30% !important;
    margin-top: 50px;
}
.swiper-container-environment .swiper-slide-active{
    width: 40% !important;
}


.swiper-container-environment img{
    width: 100%;transition: all .6s;
    height: 400px;object-fit: cover;
}

.swiper-container-environment .swiper-slide-active img{
    width: 100%;
    height: 500px;
}
.swiper-container-environment .swiper-button-prev{
    left: 32%;
}
.swiper-container-environment .swiper-button-next{
    right: 30%;
}


.about-team-box{
    width: 100%;
    overflow: hidden;
    padding: 80px 0;
}
.about-team{
    width: 1280px;
    margin: 0 auto;
    padding-bottom:48px;
}
.about-team-matter{
    width: 100%;
    overflow: hidden;
    padding: 48px 0 0 0;
}

.swiper-container-team{
    width: 100%;
    position: relative;
}


.about-team-pic{
    height: 101px;
    width: 285px;
    float: left;
    margin-bottom:24px;
}
.swiper-container-team .swiper-wrapper{
    padding: 0 0 60px 0;
}
.swiper-container-team .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: transparent;
    opacity: 1;
    border: 1px solid #063a75;
}
.swiper-container-team .swiper-pagination-bullet-active {
    opacity: 1;
    background: #063a75;
}

/*index-css*/
.banner{width: 100%;height: 850px;position: relative;overflow: hidden;}

.banner .slideBox{width: 100%;height: 850px;position: relative;z-index: 8;}
.banner .slideBox ul{position: absolute;left: 0;top: 0;}
.banner .slideBox li{position: relative;float: left;height: 850px;overflow: hidden;}
.banner .slideBox li img{display: block;position: absolute;top: 0;left: 50%;margin-left: -960px;width: 1920px;height: 850px;}
.banner .bannerList{text-align: center;position: absolute;left: 280px;bottom: 90px;z-index: 9;}
.banner .bannerList span{display: inline-block;*display: inline-block;width: 34px;height:34px;background: url(../image/BannerBox02.png) no-repeat center;margin: 0 7px;cursor: pointer;}
.banner .bannerList span.cur{background: url(../image/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 */

/*Icon Toggle*/
.content_1 .box .shadow{float:left;}
/* Datas */
.Datas{background: url(Img/Index/Datas.jpg) center;height: 290px;}

.Datas ul li{width: 24.8%;float: left;border-left: 1px #1d4a80 solid;height: 290px;}
.Datas ul li span{font-size: 36px;color: #fff;font-family: "QUEEN";padding: 100px 0 0 30px;display: block;}
.Datas ul li p{font-size: 13px;color: #fff;line-height: 20px;margin-top: 30px;padding-left: 30px;}
.Datas ul li.li04{border-right: 1px #1d4a80 solid;}
.Datas ul li i{width: 1px;height: 10px;background-color: #fff;display: block;top: 40px;position: relative;}
/* Datas End */

/* AboutUs */
.con{height:800px;}
.AboutUs{background: url(Img/Index/AboutUs.jpg) center;height: 951px;position: relative;}
.AboutUs dl dd{width: 580px;padding-top:88px;}
.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.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:98px;position:  relative;z-index: 99;}
.AboutUs dl dt a{width: 540px;height: 720px;}
.AboutUs dl dt a img{display: block;transition: .8s;}


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

.AboutUsTitle{height:340px;background: url(../image/Datas.jpg) right;width: 1560px;position: absolute;top:630px;}
.AboutUsTitle .Honorary{padding:30px;position:relative;}
.AboutUsTitle .Honorary h3{font-size: 26px;color: #fff;background: url(Img/Index/Vion03.png) no-repeat right;display:inline;}
.AboutUsTitle .Honorary i{width: 50px;height: 3px;display:block;background-color: #eb6607;margin-top:20px;}
.AboutUsTitle h3 a{color: #fff;display:block}
.AboutUsTitle p{font-size: 16px;color: #fff;font-family: "Medium";margin-top: 20px;}
.Honorary .Honorary-pic{width: 440px;margin-left:158px;position:absolute;top:30px;}
.Honorary .i_swiper-slide{/*margin-right:30px!important;*/}
.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;}
.sz ul li{float:left;margin-right:82px;padding:50px 0;}
.sz ul li h3{font-size:46px;color:#063a75;font-weight:bold;}
.sz ul li h3 span{display:inline;font-size:16px;color:#999999;font-weight:normal;}
.sz ul li h6{font-size:18px;color:#333333;}
/* AboutUs End */

/*Characteristic*/
.top-ys {
    background: url(../image/ys_bg.png) no-repeat center 0;
    height: 147px;
    margin-top: -65px;
    position: relative;
    z-index: 10;
}

/*视频弹出*/
.videobf {display: none; background: url(Img/Index/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/Index/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/Index/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/Index/DecryptElevator02.png) no-repeat right;padding-right: 20px;}

.DecryptElevator-Con{background: url(Img/Index/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 */
/*Brand case*/
.programme {
    margin-top:84px;
}
.w1200 {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    color: #333333;
    font-size: 14px;
}
.programme .title, .strength .title, .ind-case .title {
    color: #333;
    margin-bottom:74px;
}
.title {
    color: #fff;
    text-align: center;
}
.title h2 {
    font-size:34px;
    font-weight: bold;
    margin-bottom: 12px;
    color:#333333;
}
.title h4 {
    font-size: 20px;
    color:#999999;
}
.title i {
    width:66px;
    margin:0 auto;
    height: 3px;
    display: block;
    background-color: #eb6607;
    margin-top:38px;
}
.programme ul {
    width: 110%;
}
.programme li {
    width: 383px;
    float: left;
    margin-right: 27px;
    margin-bottom: 36px;
}
.programme li .li-img {
    width: 383px;
    height: 205px;
    overflow: hidden;
}
.programme li img {
    width: 383px;
    height: 205px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
}
.programme li p {
    width: 383px;
    height: 64px;
    line-height: 64px;
    text-align: center;
    font-size: 15px;
    background-color: #f3f4f6;
}
.programme li:hover img{ 
	transform:scale(1.1,1.1); 
	-webkit-transform:scale(1.1,1.1); 
	-o-transform:scale(1.1,1.1); 
	-ms-transform:scale(1.1,1.1); 
	-moz-transform:scale(1.1,1.1);
}
.programme li:hover p{ 
	background-color:#063a75; 
	color:#fff;
}

/*Cooperation*/
.p_i {
    width: 1200px;
    position: relative;
    margin: 0 auto;
}
.content ul>li {
    height: 101px;
    width: 285px;
    margin-right:15px;
    margin-bottom: 20px;
    float: left;
}
.content ul > li.lastcol {
    margin-right: 0;
}
.s-ban {
    width: 100%;
    height:226px;
    background: url(../image/s-ban-bg.jpg) no-repeat center;
    margin-top:54px;
}
.s-ban .fl {
    margin-top:74px;
    color: #fff;
}
.s-ban .fl h2 {
    font-size: 36px;
    font-weight:bold;
    height: 32px;
    line-height: 32px;
    color: #fff;
    margin-bottom: 25px;
}
.s-ban .fl p{
    font-size:16px;
    height: 32px;
    line-height: 32px;
    color: #cacaca;
    margin-bottom: 25px;
}
.s-ban .fr h3 {
    padding-left: 44px;
    background: url(../image/s-ban-tel.png) no-repeat left center;
    color: #fff;
}
.s-ban .fr h3 span {
    font-size: 14px;
}
.s-ban .fr h3 p {
    font-family: "Times New Roman", Times, serif;
    font-weight: bold;
    font-size: 30px;
    height: 30px;
    line-height: 30px;
}
.s-ban .fr {
    margin-top:74px;
}
.s-ban .fr a {
    display: block;
    color: #fff;
    background-color: #eb6607;
    border-radius:4px;
    text-align: center;
    width: 227px;
    height: 38px;
    line-height: 38px;
    margin-top: 17px;
    transition: all 0.2s;
}
.s-ban .fr a:hover{
	background-color: #063a75;
}
.p_w{
    overflow:hidden;
    margin-top:88px;
}
.content{
    overflow:hidden;
    margin-top:64px;
}
.why-choose{height: auto;overflow: hidden;padding-top: 70px;}
.why-choose h1{margin-bottom: 48px;}
.why-choose .hd ul li{float: left;width: 156px;height:36px;text-align: center;font-size: 14px;color: #666;font-weight: bold;position: relative;}
.why-choose .hd ul li p{font-size: 14px;color: #666;font-weight: bold;}
.why-choose .hd ul li a{display: block;width: 100%;height: 100%;color: #666;}
.why-choose .hd ul li span{position:absolute;bottom:-9px;left:50%;margin-left:-8px;display: block;width: 17px;height: 17px;background: url("../images/icon-solution-li.png") center top no-repeat;}
.why-choose .hd ul li .shiji{ position:absolute; width:100%; left:0; top:-20px; display:none;}
.why-choose .hd ul li:hover .shiji{display: block;-webkit-transition:.2s linear;transition:.2s linear}
.why-choose .hd ul li:hover p{display: none;}
.why-choose .hd ul li .shiji a{display: block;width: 100%;height: 100%;}
.why-choose .hd ul li .shiji h2{ height:100%; line-height:86px; color:#518dbb; font-weight:bold; background:url('../images/ico11.png') no-repeat center center;margin-top: 10px;}
.why-choose .bd{clear:both;height:820px;overflow: hidden;background: url("../image/bg-solution.jpg") center top no-repeat;padding-top:98px;}
.cvs-cover{z-index:2;position: absolute;left:50%;margin-left:-140px;top:180px;width: 280px;height: 260px;background-size: 100%;}
.cvs-cover.ie{background: url("../images/ie-ball.png") center center no-repeat;}
.cvs-cover #cvs0{position: absolute;left: -30px;top: -72px;}

.ball-outer{position: absolute;left: 50%;margin-left:-450px;top:0;z-index: 4;}
#tagsList{position: relative;width: 900px;height: 376px;margin: 120px auto;background: url(../image/ball.png) center no-repeat}
#tagsList .tag{position: absolute;color: #fff;font-size:14px;}
#tagsList .tag span{font-size:20px;font-weight: normal;}
/*#tagsList em{display: -moz-inline-box;-moz-box-orient: vertical;display: inline-block;vertical-align: middle;position: absolute;
    width: 18px;height: 18px;background-color: #fff;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
#tagsList em i{display: -moz-inline-box;-moz-box-orient: vertical;display: inline-block;vertical-align: middle;width: 8px;
    height: 8px;position: absolute;left: 5px;top: 5px;background-color: #7dd3ff;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}*/
#tagsList em{cursor: pointer;display: -moz-inline-box;-moz-box-orient: vertical;display: inline-block;vertical-align: middle;position: absolute;
    width: 18px;height: 18px;background: url(../image/icon-tag.png) center top no-repeat;}
#tagsList em:hover{background:url(../image/tags-hover-em.png) center center no-repeat;-webkit-border-radius:0;
-moz-border-radius:0;border-radius:0;width:36px;height:36px;margin-left:-9px;margin-top:-9px;-webkit-transition:.2s linear;transition:.2s linear;}
#tagsList em:hover i{display:none}
#tagsList .tag .img-box{z-index:10;position: absolute;display: none;}
#tagsList .tag1{left: 95px;top:60px}
#tagsList .tag1 em{right: -30px;top: 10px;}
#tagsList .tag1 em:hover{margin-right: -10px;margin-left: auto;}
#tagsList .tag em a{display:block;width:36px;height:36px;}
#tagsList .tag1 .img-box{top: 42px;right: -20px;}
#tagsList .tag2{left: 415px;top:56px}
#tagsList .tag2 em{left: -22px;top: 7px;}
#tagsList .tag2 .img-box{top: 42px;right: -20px;}
#tagsList .tag3{left: 630px;top:105px}
#tagsList .tag3 em{left: -20px;top: 2px;}
#tagsList .tag3 .img-box{top: 42px;left: 0;}
#tagsList .tag4{left: 390px;top:165px}
#tagsList .tag4 em{left: -21px;top: 5px;}
#tagsList .tag4 .img-box{top: 42px;left: 0;}
#tagsList .tag5{left: 645px;top:198px}
#tagsList .tag5 em{left: -24px;top: 7px;}
#tagsList .tag5 .img-box{top: 42px;left: 0;}
#tagsList .tag6{left: 120px;top:245px}
#tagsList .tag6 em{right: -25px;top: 8px;}
#tagsList .tag6 em:hover{margin-right: -10px;margin-left: auto;}
#tagsList .tag6 .img-box{top: 42px;left: 0;}
#tagsList .tag7{left: 495px;top:248px}
#tagsList .tag7 em{left: -22px;top: 5px;}
#tagsList .tag7 .img-box{top: 42px;left: 0;}
#tagsList .tag8{left: 388px;top:280px}
#tagsList .tag8 em{left: -22px;top: 5px;}
#tagsList .tag8 .img-box{bottom: 42px;left: -18px;}
#tagsList .tag .img-box{width:500px;background:#fff;overflow:hidden;padding:12px;}
#tagsList .tag .img-box img{float:left;display:block;}
#tagsList .tag .img-box .wz{float:left;font-size:12px;line-height:24px;color:#666666;width:280px;margin-left:12px;}
@-webkit-keyframes fadein{
    0%{opacity:0}
    1%{opacity:1}
}
@keyframes fadein{
    0%{opacity:0}
    1%{opacity:1}
}
.screen-2 .screen-2-content.active .overview-text{-webkit-animation:slidein-text .5s forwards;-webkit-animation-delay:.5s;animation:slidein-text .5s forwards;animation-delay:.5s}
@-webkit-keyframes slidein-text{
    0%{-webkit-transform:translate3d(-1500px,-305px,0);transform:translate3d(-1500px,-305px,0);opacity:0}
    100%{-webkit-transform:translate3d(-486px,-305px,0);transform:translate3d(-486px,-305px,0);opacity:1}
}
@keyframes slidein-text{
    0%{-webkit-transform:translate3d(-1500px,-305px,0);transform:translate3d(-1500px,-305px,0);opacity:0}
    100%{-webkit-transform:translate3d(-486px,-305px,0);transform:translate3d(-486px,-305px,0);opacity:1}
}
.screen-2 .screen-2-content.active .overview-button{-webkit-animation:slidein-button .5s forwards;-webkit-animation-delay:.7s;animation:slidein-button .5s forwards;animation-delay:.7s}
@-webkit-keyframes slidein-button{
    0%{-webkit-transform:translate3d(-1500px,-228px,0);transform:translate3d(-1500px,-228px,0);opacity:0}
    100%{-webkit-transform:translate3d(-486px,-228px,0);transform:translate3d(-486px,-228px,0);opacity:1}
}
@keyframes slidein-button{
    0%{-webkit-transform:translate3d(-1500px,-228px,0);transform:translate3d(-1500px,-228px,0);opacity:0}
    100%{-webkit-transform:translate3d(-486px,-228px,0);transform:translate3d(-486px,-228px,0);opacity:1}}

.Icon{width:1200px;margin:0 auto;}
/*.Icon ul li{border:1px solid #fff;border-radius:50%;width:110px;height:110px;}*/
.Icon .Iconl{width:260px;float:left;}
.Icon .Iconl ul li{margin-bottom:120px;}
.Icon .Iconl ul .jinyan:hover img{background:url(../image/jingyann.png) no-repeat;}
.Icon .Iconl ul .shili:hover img{background:url(../image/shilin.png) no-repeat;}
.Icon .Iconl ul li img{display: block;margin:32px auto;}
.Icon .Iconl ul li h3{font-size:20px;color:#dbdbdb;text-align:center;margin-bottom:16px;}
.Icon .Iconl ul li p{font-size:13px;color:#dbdbdb;text-align:center;line-height:24px;}
.Icon .Iconr{width:230px;float:right;}
.Icon .Iconr ul li{margin-bottom:120px;}
.Icon .Iconr ul .youshi:hover img{background:url(../image/youshin.png) no-repeat;}
.Icon .Iconr ul .fanan:hover img{background:url(../image/fanann.png) no-repeat;}
.Icon .Iconr ul li img{display: block;margin: 20px auto;}
.Icon .Iconr ul li h3{font-size:20px;color:#dbdbdb;text-align:center;margin-bottom:16px;}
.Icon .Iconr ul li p{font-size:13px;color:#dbdbdb;text-align:center;line-height:24px}
/* IndexNews */
.news{
    padding-top:88px;
    background: url(../image/newsb.jpg) no-repeat;
}
.news-cen{
    padding:68px 0 88px 0;
}
.news .w364 {
    width: 364px;
    height: auto;
    overflow: hidden;
    margin-right: 54px;
}
.news a {
    display: block;
}
.news .img-box {
    width: 364px;
    height: 182px;
    overflow: hidden;
    line-height: 0;
    margin-bottom: 25px;
}
.news a img {
    transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
}
.news .news-cen h2 {
    font-size: 15px;
    color: #333;
    line-height: 24px;
    margin-bottom: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    -webkit-tap-highlight-color: transparent;
    transition: all .3s linear;
}
.news .news-cen h2:hover{
    color:#063a75;
}
.news p span {
    font-size: 12px;
    color: #c8c8c8;
}
.news .w364 {
    width: 364px;
    height: auto;
    overflow: hidden;
    margin-right: 54px;
}
.news .img-box {
    width: 364px;
    height: 182px;
    overflow: hidden;
    line-height: 0;
    margin-bottom: 25px;
}
.news p {
    font-size: 13px;
    color: #999;
    line-height: 22px;
    margin-bottom: 2px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2;
    overflow: hidden;
}
.news ul li:first-child {
    border-top: 0;
    padding-top: 0;
    padding-bottom: 18px;
}
.news ul li {
    border-top: 1px solid #ececec;
    height: auto;
    overflow: hidden;
    padding: 18px 0 0;
}
/* 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/Index/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/Index/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/Index/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/Index/AboutUsBg03.png) no-repeat center;color: #063a75;}
.IndexCase-Con ul li:hover .IndexCase-Text{background: url(Img/Index/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{position: relative;background:#f2f2f2;padding-top:88px;}

.SiglenElevator-Title h3 a{font-size: 34px;color: #333333;font-weight:bold;}
.SiglenElevator-Title em{font-size:20px;color: #999999;margin-top: 15px;font-family: "QUEEN";display: block;}

.SiglenElevator-Nav{margin-top: 50px;width:460px;}
.SiglenElevator-Nav ul li{float: left;text-align: center;border:1px #e4e4e4 solid;border-radius:42px;padding:14px 34px;margin-right:18px;margin-bottom:18px;width:142px;}
.SiglenElevator-Nav ul li:nth-child(2){margin-right: 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{background: #063a75;}
.SiglenElevator-Nav ul li.cur a h3{color: #fff;}
.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:610px;top:-200px;}
.SiglenElevator-List dl dt a{display: block;width: 660px;height:610px;overflow: hidden;}
.SiglenElevator-List dl dt a img{display: block;width: 100%;height:100%;transition: .8s;}
.SiglenElevator-List dl dt:hover a img{transform: scale(1.1);}
.SiglenElevator-List dl dd{padding-bottom: 30px;width: 440px;position: relative;}
.SiglenElevator-List dl dd h3{font-size: 24px;color: #063a75;}
.SiglenElevator-List dl dd p{font-size: 15px;color: #666666;line-height:24px;margin-top:50px;}
.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 a.more{display: block;width: 130px;background: url(../image/more.jpg) no-repeat 68px;margin-top:70px;font-size:15px;color:#063a75;}
.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/Index/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 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 */
.staffScroll{width:900px;height: auto;overflow: hidden;margin:0 auto;}
.staffScroll .hd{position: absolute;left: 150px;bottom:30px}
.staffScroll .hd a{font-size: 28px;color: #bbd6eb;display: inline-block;margin: 0 2px;}
.staffScroll .bd{height: auto;overflow: hidden;width:950px;}
.staffScroll .bd li{width: 264px;height:82px;overflow: hidden;float: left;position: relative;display:block;padding:30px 0;}
.staffScroll .bd li:after{content: '';display: block;width:1px;height:66px; clear: both;background:url(../image/txt.jpg) no-repeat;position:absolute;left:0;top:42px;}
.staffScroll .bd li:nth-child(6){border-right:0px solid #e6e6e6;}
.staffScroll .bd li .img-box{height: auto;overflow: hidden;}
.staffScroll .bd li .img-box img{display: block;transition: all ease-in .3s;margin:0 auto;}
.staffScroll .bd li .text-box{height: 60px;padding: 15px 20px;}
.staffScroll .bd li .text-box h2{font-size:16px;color:#063a75;margin-bottom: 5px;text-align:center;font-weight:bold;}
.staffScroll .bd li .cover{padding:0 5%;width: 90%;height: 100%;background: #2d66a7;position: absolute;left: 0;top:-100%;text-align: center;}
.staffScroll .bd li .cover h2{font-size: 18px;color: #fff;font-weight: bold;margin: 95px 0 15px;}
.staffScroll .bd li .cover h3{font-size: 13px;color: #fff;margin-bottom: 35px;}
.staffScroll .bd li .cover p{color: #fff;}
.staffScroll .bd li .cover a{width: 160px;height: 37px;line-height: 37px;display: block;margin: 40px auto 0;background: #fff;font-size: 13px;color: #2d66a7;}
/*.staffScroll .bd li:hover img{transform: scale(1.1);}*/
.staffScroll .hd .prev{background:url(../image/prevjt.png) no-repeat;width:55px;height:55px;position:absolute;left:240px;bottom:18px;}
.staffScroll .hd .next{background:url(../image/nextjt.png) no-repeat;width:55px;height:55px;position:absolute;left:1310px;bottom:18px;}
.staffScroll .hd .prev:hover{background:url(../image/prevjtn.png) no-repeat;transition: top 2s;transform-origin:right top;transition: all ease 0.3s;}
.staffScroll .hd .next:hover{background:url(../image/nextjtn.png) no-repeat;transition: top 2s;transform-origin:right top;transition: all ease 0.3s;}

/*产品应用*/
.ny-product-banner{ background: url(../images/pro-banner-bg.jpg) no-repeat center center;}
.pro-banner-left{position:absolute;top:45%}
.pro-banner-left p{font-size:25px;color:#fff}
.pro-banner-left h2{font-size:48px;color:#fff;font-weight:bold}
.pro-banner-right{position: absolute;bottom:0;right:0}

.ny-pro-list{margin:30px auto}
.ny-pro-list li{float:left;border:1px solid #E0E0E0;width:32%;margin:0.5%;transition:all .5s;background: #fff;}
.ny-pro-list li .pic{width:100%;overflow: hidden;overflow: hidden;}
.ny-pro-list li .pic img{width:100%;transition:all .5s;}
.ny-pro-list li .info{height:60px;width:90%;margin:0 auto;}
.ny-pro-list li .info:after{content: '';width:34px;height:34px; background: url(../images/case-jt.png) no-repeat center left;float:right;position: relative;top:-38px;transition: all .4s;}
.ny-pro-list li .info b,.ny-pro-list li .info span{display: block;}
.ny-pro-list li .info b{font-size:16px;color:#333333;font-weight:bold;line-height:16px;margin-bottom:8px;margin-top:40px;}
.ny-pro-list li .info span{color:#999999;line-height: 14px;margin-top:10px;}
.ny-pro-list li:hover{ background: #1266AD;}
.ny-pro-list li:hover .info b,.ny-pro-list li:hover .info span{color:#fff}
.ny-pro-list li:hover .info:after{ background:url(../images/case-jt.png) no-repeat center right;} 
.ny-pro-list li:hover .pic img{transform: scale(1.06);}
#yuandian{display: none;}

/*产品详情*/
.ny-productxq-banner{ background: url(../images/proxq-banner.jpg) no-repeat center center;height:728px}
.proxq-banner-left{position:absolute;top:38%;width:50%;}
.proxq-banner-left p{color:#fff;font-size:48px;font-weight:bold}
.proxq-banner-left h2{font-size:22px;width:100%;font-weight:normal;color:#fff;line-height:48px;margin-top:20px}
.proxq-banner-right{position: absolute;bottom:3%;right:0}

.ny-pro-xq{margin:50px auto}
.ny-pro-left{width:48%;overflow: hidden;}
.ny-pro-left img{width:100%}

.ny-pro-right{width:48%;}
.ny-pro-right h2{font-size:32px;color:#333;line-height:32px;margin:40px 0 20px 0}
.ny-pro-right p{font-size:16px;line-height:32px;color:#777777}
.ny-pro-zx{margin:30px 0;overflow:hidden;}
.ny-pro-zx .ny-pro-a a{width:174px;height:60px;line-height:60px;text-align: center; background: #1266AD;color:#fff;display: block;font-size:18px;}
.ny-pro-zx .ny-pro-tel{ background:url(../images/proxq-tel.png) no-repeat center left 30px #EEEEEE;height:60px;line-height:60px;width:382px;margin-left:10px;text-align: center;}
.ny-pro-zx .ny-pro-tel b{font-size:22px;color:#333333;font-weight:bold}
.ny-pro-imglist{margin-top:50px;overflow: hidden;}
.ny-pro-imglist dl{float:left;text-align: center;width:95px;text-align: center;margin-right:42px;}
.ny-pro-imglist dl dt{width:95px;height:80px;border-radius:10px; border:1px solid #CFCFCF;text-align:center;line-height:80px;}
.ny-pro-imglist dl dd{margin-top:10px;font-size:15px;color:#777}
.ny-pro-imglist dl dt img{margin-top:12px;}
.ny-pro-left{ position: relative;}
#pro-jt{width:39px;height:105px;}
.applica-bottom h2{font-size:30px;color: #333333;font-weight: normal;border-bottom:1px solid #ccc;padding-bottom:28px;}
.applica-bottom h2 span{font-size: 26px;color: #3387cf;font-weight: normal;margin-left: 20px;}
.features-con h2{font-size: 36px;color: #333333;font-weight: normal;border-bottom:1px solid #ccc;padding-bottom:28px;}
.features-con h2 span{font-size: 26px;color: #3387cf;font-weight: normal;margin-left: 20px;}
.working-con h2{font-size: 36px;color: #333333;font-weight: normal;border-bottom:1px solid #ccc;padding-bottom:28px;}
.working-con h2 span{font-size: 26px;color: #3387cf;font-weight: normal;margin-left: 20px;}
.product-con h2{font-size: 36px;color: #333333;font-weight: normal;border-bottom:1px solid #ccc;padding-bottom:28px;}
.product-con h2 span{font-size: 26px;color: #3387cf;font-weight: normal;margin-left: 20px;}
/*应用场景*/
.applica{ background: #EEEEEE;padding:40px 0}
.ny-app-title{border-bottom:1px solid #CCCCCC;padding:15px 0;margin-bottom:30px;}
.ny-app-title span{font-size:36px;color:#333333;font-weight:normal}
.ny-app-title em{font-size:26px;color:#3387cf;font-weight:normal;margin-left:20px}
.applica-bottom p{color:#666666;font-size:18px;line-height:40px;}
.applica-dl dl{float:left;width:24%;margin-right:1.3%;text-align: center;}
.applica-dl dl:nth-child(4){margin-right:0}
.applica-dl dl dt{width:100%;overflow:hidden}
.applica-dl dl dt img{transition: all .6s;}
.applica-dl dl:hover img{transform: scale(1.1);}
.applica-dl dl dd{font-size:18px;color:#666;margin-top:10px;}

/*产品特性*/
.features{margin:40px 0}
.features .feat-fl{font-size:18px;color:#666666;line-height:44px;margin-top:30px;}
.working-bottom p{line-height:50px;font-size:18px;color:#666}
.working-bottom p{overflow: hidden;}
.working-bottom p img{transition: all .5s;}
/* .working-bottom p span{overflow: hidden;width:32%;margin-right:1%;float: left;} */
.working-bottom p span img{width:100%}
.working-bottom p span:hover img{transform:scale(1.06);}

.product-table{margin-bottom:60px;}
.protable table{width:100%;border-collapse: collapse;border:1px solid #AAAAAA}
.protable table th{ background: #3387CF;height:50px;line-height:50px;color:#fff;border:1px solid #AAAAAA;font-size:18px;font-weight:normal}
.protable table tr{text-align: center;height:50px;line-height:50px;color:#666666;}
.protable table td{border:1px solid #AAAAAA}
.protable table tr:hover{ background:#ddd;}