@charset "UTF-8";

/*通用*/
body { font-family: "Noto Sans S Chinese Light", NotoSansHans-Light, 微软雅黑; }

/*标题*/
h2, h2 a { font-size: 40px; text-align: center; line-height: 100%; color: #000; font-weight: normal; display:block;}
h2 strong { font-weight: 600; }
h2 span { display: block; font-size: 20px; color: #333; line-height: 100%; padding-top: 14px; }
h2 a:hover { color: #000; }

/*图片放大*/
.scale_img dl img, .scale_img li img { -o-transition: all 2s linear 0s; transition: all 2s linear 0s; }
.scale_img dl img:hover, .scale_img li:hover img { -webkit-transform: scale(1.1) rotate(0deg) translateY(0); -ms-transform: scale(1.1) rotate(0deg) translateY(0); transform: scale(1.1) rotate(0deg) translateY(0); }

/*阴影*/
.shadow_box dl dt, .shadow_box li { background: #fff; }
.shadow_box dl, .shadow_box li { -webkit-transition: all 2s ease-in-out; -o-transition: all 2s ease-in-out; transition: all 2s ease-in-out; }
.shadow_box dl, .shadow_box li { -webkit-box-shadow: 0 0 21px 5px rgba(0, 0, 0, 0.1); box-shadow: 0 0 21px 5px rgba(0, 0, 0, 0.1); }

/*-----*/

/*引子*/
.intro { height: 767px;background: url(../image/bg_i.jpg) repeat center top; }
.intro .brand { height: 125px; }
.intro .brand h4 { float: left; padding-top: 31px; font-size: 26px; line-height: 100%; color: #000000; font-weight: normal; }
.intro .brand h4 i { font-weight: bold; }
.intro .brand h4 span { font-size: 18px; color: #666; line-height: 100%; padding-top: 13px; display: block; }
.intro .brand .tel { float: right; padding-left: 52px; background: url(../images/tel.png) no-repeat left center; height: 125px; font-size: 26px; line-height: 125px; color: #000000; }
.intro .brand .tel em:first-child { position: relative; padding-right: 27px; margin-right: 26px; }
.intro .brand .tel em:first-child:after { position: absolute; content: ""; width: 1px; height: 18px; background: #3A3A3A; top: 10px; right: 0; }
.intro .company { padding-top: 84px; }
.intro .company dt { position: relative; width: 632px; height: 487px; float: left; text-align: right; }
.intro .company dt img:last-child { position: absolute; left: -4px; bottom: 0; }
.intro .company dd { width: 466px; padding-top: 151px; float: right; text-align: right; }
.intro .company dd h4 { font-family: 'webfont'; }
.intro .company dd h4 a { display: block; font-size: 38px; line-height: 100%; color: #1e468e; font-weight: normal; }
.intro .company dd h4 a em { position: relative; font-family: "微软雅黑"; font-weight: bold; padding: 0 12px; display: inline-block; }
.intro .company dd h4 a em:before, .intro .company dd h4 a em:after { position: absolute; content: '“'; font-weight: normal; font-family: 'webfont'; }
.intro .company dd h4 a em:before { left: -24px; }
.intro .company dd h4 a em:after { content: '”'; }
.intro .company dd p { font-size: 16px; /* color: rgba(255, 255, 255, 0.5); */ line-height: 30px; padding-top: 32px; padding-bottom: 64px; }
.intro .company dd .info { display: inline-block; text-align: center; width: 163px; height: 41px; background: #FFD777 url(../images/ia_info.png) no-repeat 36px 9px; text-indent: 28px; font-size: 16px; line-height: 41px; color: #000; text-shadow: 0px 1px 1px rgba(161, 120, 39, 0.37); }

/*应用案例*/
.case { height: 1072px; }
.case h2 { padding-top: 81px; padding-bottom: 40px; }
.case .case_nav { height: 74px; margin-bottom: 17px; }
.case .case_nav li { float: left; width: 225px; height: 74px; background: url(../image/bg_common.jpg) repeat; margin-left: 18.5px; }
.case .case_nav li a { display: block; font-size: 21px; color: #fff; line-height: 74px; background-image: url(../images/ic.png); background-repeat: no-repeat; padding-left: 92px; }
.case .case_nav li:hover, .case .case_nav li.cur { background: #FFD777; }
.case .case_nav li:hover a, .case .case_nav li.cur a { color: #222; text-shadow: 0px 1px 1px #ffedc0; }
.case .case_nav li:first-child { margin-left: 0; }
.case .case_nav li:first-child a { background-position: 25px 1px; }
.case .case_nav li:first-child a:hover, .case .case_nav li:first-child.cur a { background-position: 25px -74px; }
.case .case_nav li:nth-child(2) a { background-position: 25px -147px; }
.case .case_nav li:nth-child(2) a:hover, .case .case_nav li:nth-child(2).cur a { background-position: 25px -221px; }
.case .case_nav li:nth-child(3) a { background-position: 25px -295px; }
.case .case_nav li:nth-child(3) a:hover, .case .case_nav li:nth-child(3).cur a { background-position: 25px -369px; }
.case .case_nav li:nth-child(4) a { background-position: 25px -443px; }
.case .case_nav li:nth-child(4) a:hover, .case .case_nav li:nth-child(4).cur a { background-position: 25px -517px; }
.case .case_nav li:nth-child(5) a { background-position: 25px -591px; }
.case .case_nav li:nth-child(5) a:hover, .case .case_nav li:nth-child(5).cur a { background-position: 25px -665px; }
.case_con { position: relative; }
.big { height: 473px; margin-bottom: 23px; overflow: hidden; }
.big dl { width: 1200px; height: 473px; }
.big dl dt { width: 800px; height: 473px; float: left; }
.big dl dt img { width: 800px; height: 473px; }
.big dl dd { width: 400px; height: 473px; background: #1e468e; float: right; box-sizing: border-box; padding: 60px 43px 0; }
.big dl dd h4 { padding-bottom: 34px; }
.big dl dd h4 span { display: block; font-size: 12px; font-family: Arial; font-weight: 400; color: #999999; line-height: 31px; opacity: 0.63; text-transform: capitalize; }
.big dl dd h4 a { display: block; font-size: 22px; line-height: 100%; font-weight: bold; color: #fff;overflow: hidden; white-space: nowrap;text-overflow: ellipsis; }
.big dl dd p { font-size: 15px; line-height: 30px; color: #ccc; margin-bottom: 77px; }
.big dl dd a.info { display: block; width: 137px; height: 38px; background: #FFD777; font-size: 14px; color: #000; line-height: 38px; text-shadow: 0px 1px 1px rgba(161, 120, 39, 0.33); text-align: center; }
.small li { width: 285px; margin-right: 20px; float: left; }
.small li img { width: 285px; height: 168px; box-sizing: border-box; }
.small li span { display: block; text-align: center; font-size: 16px; color: #333; line-height: 44px; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.small li.on img { border: 2px solid #f2d58f; }
.small li.on span { font-weight: bold; color: #F09A13; }
.case_con .switch { position: absolute; bottom: 103px; }
.case_con .switch img { width: 15px; transition: .3s; padding: 10px; opacity: 0.9; -webkit-filter: brightness(0.2); filter: brightness(0.2); }
.case_con .prev1 { left: -41px; }
.case_con .next1 { right: -41px; }
.case_con .prev1:hover img, .case_con .next1:hover img { opacity: 1; -webkit-filter: brightness(1); filter: brightness(1); }

/*产品中心*/
.pro { overflow: hidden; background: url(../image/bg_common.jpg) repeat; }
.pro h2 { padding-top: 72px; padding-bottom: 33px; border-bottom: 1px solid #fff; }
.pro h2 a, .pro h2 span { color: #fff; }
.pro .pro_nav { height: 98px; }
.pro .pro_nav li { position: relative; display: inline-block; }
.pro .pro_nav li a { text-align: center; display: block; font-size: 18px; line-height: 100%; padding: 52px 0 27px; margin: 0 14px; color: #fff; background-repeat: no-repeat; }
.pro .pro_nav li:after { position: absolute; content: ""; width: 5px; height: 5px; background: #fff; opacity: .4; right: 0; top: 51px; }
.pro .pro_nav li:first-child a { margin-left: 0; background: url(../image/ip_01.png) no-repeat center 28px; }
.pro .pro_nav li:nth-child(2) a { background: url(../image/ip_02.png) no-repeat center 28px; }
.pro .pro_nav li:nth-child(3) a { background: url(../image/ip_03.png) no-repeat center 28px; }
.pro .pro_nav li:nth-child(4) a { background: url(../image/ip_04.png) no-repeat center 28px; }
/* .pro .pro_nav li:nth-child(5) a { background: url(../images/ip_05.png) no-repeat center 28px; } */
.pro .pro_nav li:last-child a { margin-right: 0; background: url(../image/ip_05.png) no-repeat center 28px; }
.pro .pro_nav li:last-child:after { display: none; }
.pro .pro_nav li:hover a, .pro .pro_nav li.cur a { background-position-y: -160px; font-weight: bold; color: #FFD777; text-shadow: 0px 1px 1px rgba(161, 120, 39, 0.33); }
.pro_con dl { position: relative; overflow: hidden; max-width: 1920px;margin:0 auto;}
.pro_con dl dt { width: 50.1%; float: left; }
.pro_con dl dt a { overflow: hidden; display: block; width: 99.375%; margin-bottom: .625%; box-sizing: border-box; line-height: 0; }
.pro_con dl dt img { width: 100%; }
.pro_con dl dd { width: 49.9%; float: right; }
.pro_con dl dd a { display: block; float: left; overflow: hidden; width: 49.375%; margin: 0 .625% .625% 0; box-sizing: border-box; line-height: 0; }
.pro_con dl dd img { max-width: 100%; }
.pro_con dl dd a:nth-child(2n) { margin-right: 0; }
.pro .more { height: 144px; background: #fff; text-align: center; border-bottom: 4px solid #D6D6D6; }
.pro .more a { width: 201px; height: 46px; display: block; padding-top: 52px; margin: 0 auto; }

/*PK*/
.pk { height: 1464px; background: url(../images/bg_pk.jpg) repeat-y center; }
.pk .pk_bg { background: #fff; }
.pk h2 { padding-top: 97px; padding-bottom: 90px; }
.pk h3 { height: 78px; position: relative; text-align: center; margin-top: -39px; margin-bottom: 38px; }
.pk h3 span { float: left; display: block; width: 50%; height: 78px; font-size: 30px; font-weight: 400; color: #fff; line-height: 78px; background: #1B1B1B; border-radius: 39px; }
.pk h3 span:first-child { color: #000; background: #FFD777; text-shadow: 0px 1px 1px #ffedc0; }
.pk h3 em { display: block; position: absolute; width: 99px; height: 99px; background: #FFD777; border: 8px solid #fff; font-size: 56px; font-weight: 300; color: #000; line-height: 99px; border-radius: 50%; left: 50%; margin-left: -57.5px; top: -19px; }
.pk dl { position: relative; height: 192px; margin-bottom: 19px; }
.pk dl dt { position: absolute; text-align: center; width: 89px; height: 89px; background: #EFEFEF; border: 5px solid #FFD777; font-size: 24px; font-weight: bold; color: #000; line-height: 89px; text-shadow: 1px 2px 2px rgba(255, 255, 255, 0.9); border-radius: 50%; left: 50%; margin-left: -49.5px; top: 47px; transition: .3s; }
.pk dl dd { width: 520px; height: 192px; float: left; position: relative; }
.pk dl dd img { width: 311px; height: 192px; }
.pk dl dd .pk_con { width: 208px; height: 192px; padding-left: 12px; position: absolute; text-align: center; top: 0; right: 0; z-index: 9; background: url(../images/pk_bg1.png) no-repeat center left; transition: .3s; }
.pk dl dd .pk_con em { display: block; font-size: 24px; font-weight: bold; color: #fff; line-height: 100%; padding-top: 102px; background: url(../images/ipk_01.png) no-repeat 74px; letter-spacing: 4px; }
.pk dl dd .pk_con span { display: none; }
.pk dl dd:last-child { float: right; }
.pk dl dd:last-child img { float: right; }
.pk dl dd:last-child .pk_con { left: 0; background: url(../images/pk_bg2.png) no-repeat center right; padding-left: 0; padding-right: 12px; }
.pk dl dd:last-child .pk_con em { color: #1B1B1B; background: url(../images/ipk_02.png) no-repeat 74px; }
.pks dl:first-child dd .pk_con em { background-position-y: 56px; }
.pks dl:nth-child(2) dd .pk_con em { background-position-y: -137px; }
.pks dl:nth-child(3) dd .pk_con em { background-position-y: -330px; }
.pks dl:nth-child(4) dd .pk_con em { background-position-y: -522px; }
.pks dl:nth-child(5) dd .pk_con em { background-position-y: -715px; }
.pks dl:hover dt { background: #FFD777; color: #000; text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5); }
.pks dl:hover dd .pk_con { background-image: url(../images/pk_bg3.png); }
.pks dl:hover dd .pk_con em { background: none; padding-top: 40px; color: #1B1B1B; text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5); }
.pks dl:hover dd .pk_con span { display: block; padding: 17px 25px 0; font-size: 16px; line-height: 26px; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.4); color: #1B1B1B; }
.pks dl:hover dd:last-child .pk_con { background-image: url(../images/pk_bg4.png); }
.pks dl:hover dd:last-child .pk_con em { color: #fff; text-shadow: none; }
.pks dl:hover dd:last-child .pk_con span { color: #ddd; text-shadow: none; }

/*四大优势*/
.adv { height: 1118px; }
.adv h2 { padding-top: 88px; padding-bottom: 45px; }
.adv_nav { height: 108px; margin-bottom: 30px;     text-align:center;}
.adv_nav li { width: 286px; height: 108px;display:inline-block; margin-left: 18px; }
.adv_nav li em { display: block; width: 286px; height: 108px; box-sizing: border-box; padding-left: 120px; padding-top: 34px; background: #1e468e url(../images/ia1.png) no-repeat 43px 29px; font-size: 22px; line-height: 100%; color: #fff; }
.adv_nav li em span { display: block; font-size: 12px; font-family: Arial; color: rgba(255, 255, 255, 0.29); line-height: 30px; letter-spacing: 1px; }
.adv_nav li:first-child { margin-left: 0; }
.adv_nav li:nth-child(2) em { background: #1e468e url(../images/ia2.png) no-repeat 55px 30px; }
.adv_nav li:nth-child(3) em { background: #1e468e url(../images/ia3.png) no-repeat 54px 29px; }
.adv_nav li:nth-child(4) em { background: #1e468e url(../images/ia4.png) no-repeat 56px 30px; }
.adv_nav li:hover, .adv_nav li.cur { height: 125px; background: url(../images/iadv_hover.png) no-repeat center bottom; margin-top: -17px; }
.adv_nav li:hover em, .adv_nav li.cur em { background-color: #FFD777; background-position-y: -78px; color: #1B1B1B; text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5); }
.adv_nav li:hover em span, .adv_nav li.cur em span { color: rgba(27, 27, 27, 0.29); text-shadow: none; }
.adv_con { overflow: hidden; position: relative; }
.adv_con dl dt { width: 1200px; height: 475px; overflow: hidden; }
.adv_con dl dd h4 { height: 74px; background: url(../images/bg_adv.png) repeat; font-size: 22px; color: #1B1B1B; text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5); line-height: 100%; font-weight: normal; padding-top: 26px; padding-left: 54px; box-sizing: border-box; }
.adv_con dl dd p { position: relative; box-sizing: border-box; height: 123px; border: 5px solid #FFD777; font-size: 16px; color: #222; line-height: 30px; padding: 24px 51px 0 74px; }
.adv_con dl dd p:before { position: absolute; content: ""; width: 9px; height: 9px; background: #fff; border: 1px solid #6d6d6d; border-radius: 50%; top: 34px; left: 53px; }
.adv_nav { position: relative; }
.adv_nav li i { position: absolute; z-index: 9; width: 38px; height: 74px; background: url(../images/ia_num.png) no-repeat -44px; right: 237px; bottom: -580px; }
.adv_nav li:nth-child(2) i { background-position-x: -106px; right: 175px; }
.adv_nav li:nth-child(3) i { background-position-x: -168px; right: 113px; }
.adv_nav li:nth-child(4) i { background-position-x: -230px; right: 51px; }
.adv_nav li:hover i, .adv_nav li.cur i { background-image: url(../images/ia_num1.png); }

/*客户见证*/
.customer { height: 950px; background: url(../images/bg_cus.png) repeat-x; }
.customer h2 { padding-top: 89px; padding-bottom: 53px; color: #fff; }
.customer h2 a, .customer h2 span { color: #fff; }
.cus_con { height: 535px; }
.cus_con dl { width: 380px; height: 488px; float: left; margin-left: 30px; margin-bottom: 47px; }
.cus_con dl dt, .cus_con dl dt img { width: 380px; height: 214px; }
.cus_con dl dd { width: 380px; height: 274px; box-sizing: border-box; padding: 52px 41px 0; border-bottom: 2px solid #191919; }
.cus_con dl dd h4 a { display: block; font-size: 24px; line-height: 100%; font-weight: normal; color: #333; text-align: center; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.cus_con dl dd h4 strong { font-weight: bold; }
.cus_con dl dd p { text-align: center; font-size: 14px; color: #333; line-height: 26px; padding-top: 24px; padding-bottom: 40px; }
.cus_con dl dd a.info { display: block; width: 151px; height: 30px; color: #333; line-height: 30px; text-indent: 30px; background: url(../images/ic_more.png); margin: 0 auto; }
.cus_con dl:first-child { margin-left: 0; }
.cus_con dl:hover dd { border-color: #FFB912; }
.customer .more { display: block; width: 1200px; height: 100px; background: #EDEDED; text-align: center; font-size: 16px; font-family: Arial; color: #666; line-height: 100px; }

/*资讯*/
.news { height: 908px; background: url(../images/bg_pro.png) repeat; }
.news h2 { padding-top: 87px; }
.news h2 a { color: #FFD777; }
.news h2 span { color: #ccc; padding-top: 36px; position: relative; }
.news h2 span:before { position: absolute; content: ""; width: 30px; height: 1px; background: #78756F; top: 19px; left: 50%; margin-left: -15px; }
.news_nav { height: 44px; padding-top: 31px; padding-bottom: 35px; }
.news_nav li a { display: block; width: 145px; height: 44px; color: #fff; font-size: 18px; line-height: 44px; text-align: center; float: left; }
.news_nav li.cur a, .news_nav li:hover a { font-weight: bold; background: #FFD777; color: #1B1B1B; text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5); }
.news_nav .more { float: right; }
.news_nav .more a { display: inline-block; width: 139px; height: 42px; border-top: 1px solid RGBA(160, 160, 160, 0.5); border-bottom: 1px solid RGBA(160, 160, 160, 0.5); text-align: center; font-size: 18px; color: #FFD777; line-height: 42px; }
.news_con .rec { width: 600px; float: left; height: 511px; position: relative; }
.news_con .rec dt,.news_con .rec dt img { width: 600px; height: 411px; }
.news_con .rec dd { position: absolute; width: 514px; height: 201px; background: #FFD777; box-sizing: border-box; padding: 37px 45px 0 40px; left: 43px; bottom: 0; z-index: 9; }
.news_con .rec dd h4 a { display: block; font-size: 16px; color: #333; line-height: 100%; font-weight: normal; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.news_con .rec dd p { color: #666; line-height: 24px; padding-top: 18px; padding-bottom: 25px; }
.news_con .rec dd a.more { display: inline-block; font-size: 16px; color: #1B1B1B; line-height: 16px; padding-bottom: 8px; border-bottom: 2px solid #1B1B1B; }
.news_con .list { width: 565px; height: 511px; float: right; }
.news_con .list dl { height: 136px; padding-bottom: 27px; border-bottom: 1px solid #fff; margin-bottom: 24px; }
.news_con .list dl:last-child { border-bottom: none; }
.news_con .list dt { width: 180px; height: 136px; float: left; }
.news_con .list dt img{ width: 180px; height: 136px;}
.news_con .list dd { width: 357px; height: 136px; float: right; }
.news_con .list dd h4 a { font-weight: normal; font-size: 16px; line-height: 22px; color: #F3F3F3; display: block; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.news_con .list dd p { color: #ccc; line-height: 24px; padding-top: 18px; padding-bottom: 26px; }
.news_con .list dd span { display: inline-block; float: left; line-height: 31px; color: #666; }
.news_con .list dd a.more { width: 55px; height: 11px; padding: 10px 0; display: block; float: right; text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5); }
.news_con dl dd h4 a:hover { font-weight: bold; }

/*走进龙泰梯业*/
.about { height: 849px; background: url(../images/bg_about.jpg) no-repeat center top; position: relative; overflow: hidden; }
.a_con { padding-top: 120px; }
.a_con dt { position: absolute; left: 50%; top: 120px; }
.a_con dd { width: 800px; position: absolute; z-index: 9; }
.a_con dd h3 { width: 498px; border-bottom: 1px solid #d9d9d9; }
.a_con dd h3 a { display: block; font-size: 44px; color: #1B1B1B; line-height: 100%; font-weight: bold; }
.a_con dd h3 span { font-size: 20px; font-weight: normal; color: #333; display: block; line-height: 100%; padding-top: 22px; padding-bottom: 46px; }
.a_con dd p { width: 498px; color: #666; font-size: 16px; line-height: 30px; padding-top: 31px; padding-bottom: 64px; }
.a_con ul { width: 800px; height: 143px; margin-bottom: 59px; background: white; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.14); padding-top: 38px; padding-bottom: 35px; box-sizing: border-box; }
.a_con ul li { display: inline-block; padding: 0 45px; height: 70px; border-right: 1px solid #ddd; font-size: 48px; line-height: 100%; color: #333; }
.a_con ul li span { font-size: 16px; display: block; line-height: 100%; padding-top: 4px; }
.a_con ul li:last-child { border-right: 0; }
.a_con a.more { width: 200px; height: 52px; background: #FFD777; text-align: center; display: block; font-size: 18px; font-weight: normal; color: #000; line-height: 52px; text-shadow: 0px 1px 1px #ffedc0; }

/**/
@keyframes myfirst {
  0% { left: 0px; top: 0px; }
  25% { left: 0px; top: 10px; }
  50% { left: 0px; top: 0; }
  100% { left: 0px; top: 0px; }
}
@-moz-keyframes myfirst

/* Firefox */
{
  0% { left: 0px; top: 0px; }
  25% { left: 0px; top: 10px; }
  50% { left: 0px; top: 0; }
  100% { left: 0px; top: 0px; }
}
@-webkit-keyframes myfirst

/* Safari and Chrome */
{
  0% { left: 0px; top: 0px; }
  25% { left: 0px; top: 10px; }
  50% { left: 0px; top: 0; }
  100% { left: 0px; top: 0px; }
}
@-o-keyframes myfirst

/* Opera */
{
  0% { left: 0px; top: 0px; }
  25% { left: 0px; top: 10px; }
  50% { left: 0px; top: 0; }
  100% { left: 0px; top: 0px; }
}

/*# sourceMappingURL=index.css.map */