|
|
|
|
html, body, div, span, applet, object, iframe,
|
|
|
|
|
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
|
|
|
|
a, abbr, acronym, address, big, cite, code,
|
|
|
|
|
del, dfn, em, img, ins, kbd, q, s, samp,
|
|
|
|
|
small, strike, strong, sub, sup, tt, var,
|
|
|
|
|
b, u, i, center,
|
|
|
|
|
dl, dt, dd, ol, ul, li,
|
|
|
|
|
fieldset, form, label, legend,
|
|
|
|
|
table, caption, tbody, tfoot, thead, tr, th, td,
|
|
|
|
|
article, aside, canvas, details, embed,
|
|
|
|
|
figure, figcaption, footer, header, hgroup,
|
|
|
|
|
menu, nav, output, ruby, section, summary,
|
|
|
|
|
time, mark, audio, video {
|
|
|
|
|
margin: 0;
|
|
|
|
|
padding: 0;
|
|
|
|
|
border: 0;
|
|
|
|
|
font-size: 100%;
|
|
|
|
|
font: inherit;
|
|
|
|
|
vertical-align: baseline;
|
|
|
|
|
font-family:Arial,'Microsoft Yahei';
|
|
|
|
|
}
|
|
|
|
|
a {
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
}
|
|
|
|
|
/*清除浮动*/
|
|
|
|
|
.clearfix:after {
|
|
|
|
|
content:"\200B";
|
|
|
|
|
display:block;
|
|
|
|
|
height:0;
|
|
|
|
|
clear:both;
|
|
|
|
|
}
|
|
|
|
|
table {
|
|
|
|
|
border-collapse: collapse;
|
|
|
|
|
border-spacing: 0;
|
|
|
|
|
}
|
|
|
|
|
ol,li{list-style: none}
|
|
|
|
|
/*section{font-size: .16rem;}*/
|
|
|
|
|
|
|
|
|
|
html, body {
|
|
|
|
|
background: #f5f6fa;
|
|
|
|
|
/*font-size: .16rem;*/
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
a{color: #000000; text-decoration: none;}
|
|
|
|
|
|
|
|
|
|
.clearfix:after {
|
|
|
|
|
content: "\200B";
|
|
|
|
|
display: block;
|
|
|
|
|
height: 0;
|
|
|
|
|
clear: both;
|
|
|
|
|
}
|
|
|
|
|
.wrap{width: 100%;overflow: hidden;}
|
|
|
|
|
/*头部导航*/
|
|
|
|
|
.ln_header{width: 100%;height: 88px;background: url(../images/ln_headbg.jpg) no-repeat;}
|
|
|
|
|
.ln_header_con{width: 1200px;margin: 0 auto;}
|
|
|
|
|
.ln_header_logo{float: left;}
|
|
|
|
|
.ln_header_logo img{width: 194px;margin-top: 20px;}
|
|
|
|
|
.ln_header_nav{float: left;margin-left: 380px;font-size: 14px;}
|
|
|
|
|
.ln_header_nav ul li{float: left;line-height: 88px;width: 70px;text-align: center;box-sizing: border-box;position: relative;margin-right: 18px;}
|
|
|
|
|
.ln_header_nav ul li a{color: #2e2e2e;font-size: 14px;}
|
|
|
|
|
.ln_header_nav ul li:nth-last-child(1){margin-right: 0;}
|
|
|
|
|
.ln_header_nav ul li i{position: absolute;display: block;width: 0;height: 6px;background: #f1631c;bottom: -1px;left: 35px;z-index: 999;-webkit-transition:all linear .2s;-mz-transition:all linear .2s;-moz-transition:all linear .2s;transition:all linear .2s;}
|
|
|
|
|
.ln_header_nav ul li:hover i{width: 67px;left: 1px;}
|
|
|
|
|
.ln_header_nav ul li:hover a{color: #f1631c;font-size: 16px;}
|
|
|
|
|
.ln_header_nav ul .lastNav{width: 80px;}
|
|
|
|
|
.ln_header_nav ul .lastNav:hover i{width:80px;}
|
|
|
|
|
.ln_header_nav ul .curNavs i{width: 67px;left: 1px;}
|
|
|
|
|
.ln_header_nav ul .curNavs a{font-size: 16px;color: #f1631c;}
|
|
|
|
|
/*.ln_header_nav ul .indexLine i{left: 0px;}*/
|
|
|
|
|
/*.ln_header_nav ul .indexLine:hover i{left: 1px;}*/
|
|
|
|
|
.ln_banner{width: 100%;}
|
|
|
|
|
.ln_banner .swiper-container{width: 100%;}
|
|
|
|
|
.ln_banner .swiper-container .swiper-slide img{width: 100%;}
|
|
|
|
|
.ln_pagination{position: absolute;bottom: 0px;left: 50%;transform: translate(-50%,0);
|
|
|
|
|
-ms-transform: translate(-50%,0);
|
|
|
|
|
-moz-transform: translate(-50%,0);
|
|
|
|
|
-webkit-transform: translate(-50%,0);z-index: 999;width: 1200px;height: 60px;}
|
|
|
|
|
.ln_pagination .swiper-pagination{right: 0;}
|
|
|
|
|
.ln_pagination .swiper-pagination .swiper-pagination-bullet{width: 23px;height: 23px;background: #e9e9e9;opacity: 1;margin-right: 10px;}
|
|
|
|
|
.ln_banner .ln_pagination .swiper-pagination .swiper-pagination-bullet-active{width: 42px;height: 21px;border-radius: 15px;opacity: 1;background: url(../images/ln_banner_pgae.png) no-repeat;background-size: 100% 100%;}
|
|
|
|
|
/*.ln_banner .ln_ani .ln_banner_desc{transition: all 1s;transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform-origin: 50% 50% 0px}*/
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.swiper-slide .ln_banner_code{transform:translateY(-85px);opacity:0;transition:all 0.5s;}
|
|
|
|
|
.ani-slide .ln_banner_code{transform:translateY(0);opacity:1;}
|
|
|
|
|
|
|
|
|
|
.swiper-slide p{transform:translateY(-42px);opacity:0;transition:all 0.5s;}
|
|
|
|
|
.ani-slide p{transform:translateY(0);opacity:1;}
|
|
|
|
|
|
|
|
|
|
.swiper-slide .desc_con_line{transform:translateY(-42px);opacity:0;transition:all 0.5s;}
|
|
|
|
|
.ani-slide .desc_con_line{transform:translateY(0);opacity:1;}
|
|
|
|
|
|
|
|
|
|
.swiper-slide .desc_con_detail{transform:translateY(-42px);opacity:0;transition:all 0.5s;}
|
|
|
|
|
.ani-slide .desc_con_detail{transform:translateY(0);opacity:1;}
|
|
|
|
|
|
|
|
|
|
.swiper-slide .desc_con_btn{transform:translateY(-52px);opacity:0;transition:all 0.5s;}
|
|
|
|
|
.ani-slide .desc_con_btn{transform:translateY(0);opacity:1;}
|
|
|
|
|
|
|
|
|
|
/*.ln_banner_desc_con{height: 0px;}*/
|
|
|
|
|
.ln_banner_desc{width: 1200px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);
|
|
|
|
|
-ms-transform: translate(-50%,-50%);
|
|
|
|
|
-moz-transform: translate(-50%,-50%);
|
|
|
|
|
-webkit-transform: translate(-50%,-50%);
|
|
|
|
|
-o-transform: translate(-50%,-50%);}
|
|
|
|
|
.ln_banner .ln_banner_desc .ln_banner_desc_con img{width: 85px;margin-right: 15px;}
|
|
|
|
|
.ln_banner_desc_con .desc_con_tit{font-size: 32px;font-weight: bold;color: #2e2e2e;margin-top: 28px;}
|
|
|
|
|
.ln_banner_desc_con .desc_con_tit p{width: 316px;}
|
|
|
|
|
.ln_banner_desc_con .desc_con_line{width: 435px;height: 0px;margin-top: 15px;border-bottom: 1px solid #2e2e2e;}
|
|
|
|
|
/*.ln_banner_desc_con .desc_con_line2{width: 435px;height: 1px;margin-top: 15px;background: url(../images/ln_whiteline.jpg) no-repeat;}*/
|
|
|
|
|
.ln_banner_desc_con .desc_con_detail{font-size: 16px;width: 435px;margin-top: 16px;}
|
|
|
|
|
.ln_banner_desc_con .desc_con_btn{width: 150px;height: 50px;border-radius: 15px;text-align: center;line-height: 52px;margin-top: 38px;}
|
|
|
|
|
.ln_banner_desc_con .desc_con_btn a{color: #fff;font-size: 16px;width: 100%;height: 100%;display: block;background: url(../images/ln_bannerbtn.png) no-repeat;}
|
|
|
|
|
.ln_banner_desc_con .desc_con_btn a:hover{background: url(../images/ln_bannerbtn1.png) no-repeat;}
|
|
|
|
|
/*.ln_banner .swiper-slide-active .banner_progress{transition: width 3s linear;width: 100%;}*/
|
|
|
|
|
/*.ln_banner .banner_progress{position: absolute;bottom: 0;left: 0;width: 0;height: 3px;background: #f1631c;z-index: 1000;}*/
|
|
|
|
|
|
|
|
|
|
/*热门游戏*/
|
|
|
|
|
.ln_index{width: 100%;margin-top: 40px;background: #f5f6fa;}
|
|
|
|
|
.ln_index_con{width: 1200px;margin: 0 auto;}
|
|
|
|
|
.ln_game{width: 100%;}
|
|
|
|
|
.ln_game_a .le{float: left;}
|
|
|
|
|
.ln_game_a .ri{float: right;}
|
|
|
|
|
.ln_game_a .ri a{display: block;width: 54px;height: 22px;background: url(../images/ln_more.png) no-repeat;}
|
|
|
|
|
.ln_game_a .ri a:hover{background: url(../images/ln_more1.png) no-repeat;}
|
|
|
|
|
.ln_game_b{margin-top: 30px;}
|
|
|
|
|
.ln_game_b .game_list{float: left;width: 296px;height: 268px;margin-left: 20px;margin-bottom: 20px;position: relative;overflow: hidden;box-sizing: border-box;}
|
|
|
|
|
.ln_game_b .game_list .gameImg{transition: all 0.2s;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;width: 100%;opacity: 1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);}
|
|
|
|
|
.ln_game_b .game_list:hover .gameImg{-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-o-transform:scale(1.5);}
|
|
|
|
|
.ln_game_b .spec{margin-left: 0;}
|
|
|
|
|
.ln_game_b .specWidth{width: 568px;}
|
|
|
|
|
.ln_game_b .specleft{margin-left: 0;}
|
|
|
|
|
.ln_game_b .game_info .infole{float: left;}
|
|
|
|
|
.ln_game_b .game_info .infori{float: left;width: 197px;margin-left: 20px;margin-top: 3px;line-height: 25px;}
|
|
|
|
|
.ln_game_b .game_info .infori_btn{width: 108px;height: 36px;margin-top: 11px;box-sizing: border-box;border: 1px solid #fff;border-radius: 25px;text-align: center;line-height: 36px;font-size: 14px;cursor: pointer;}
|
|
|
|
|
.ln_game_b .game_info .infori_btn a{display: block;color: #fff;}
|
|
|
|
|
.ln_game_b .game_info .infori_btn_limit{margin-left: 42px;}
|
|
|
|
|
|
|
|
|
|
.ln_game_b .game_info{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;margin-bottom: -100px;z-index: 2;color: #fff;
|
|
|
|
|
-webkit-transition: all 0.2s linear;
|
|
|
|
|
-moz-transition: all 0.2s linear;
|
|
|
|
|
-ms-transition: all 0.2s linear;
|
|
|
|
|
-o-transition: all 0.2s linear;
|
|
|
|
|
transition: all 0.2s linear;background: url(../images/ln_hotgamebg2.png) no-repeat;}
|
|
|
|
|
.ln_game_b .game_info:hover{opacity: 1;top: 0;}
|
|
|
|
|
.ln_game_b .specWidth .game_info{background: url(../images/ln_hotgamebg1.png) no-repeat;}
|
|
|
|
|
.ln_game_b .game_info_con{width: 100%;height: 258px;}
|
|
|
|
|
.game_info_cona{padding: 64px 102px;font-size: 16px;}
|
|
|
|
|
.ln_game .ln_game_b .game_info .litstyle{text-align: center;margin-left: 0;margin-top: 0;float: none;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);
|
|
|
|
|
-ms-transform: translate(-50%,-50%);
|
|
|
|
|
-moz-transform: translate(-50%,-50%);
|
|
|
|
|
-webkit-transform: translate(-50%,-50%);}
|
|
|
|
|
.ln_game .ln_game_b .game_info .litstyle p:nth-child(3) {text-align: left;margin-left: 25px;}
|
|
|
|
|
.ln_gamelit img{width: 76px;height: 77px;}
|
|
|
|
|
.ln_game_b .game_index .game_info .infori{margin-top: 14px;}
|
|
|
|
|
|
|
|
|
|
.ln_news{width: 100%;margin-top: 40px;}
|
|
|
|
|
.ln_news_con{float: left;width: 592px;}
|
|
|
|
|
.ln_news_tit{width: 100%;}
|
|
|
|
|
.ln_news_tit .le{float: left;}
|
|
|
|
|
.ln_news_tit .ri{float: right;}
|
|
|
|
|
.ln_news_tit .ri a{display: block;width: 54px;height: 22px;background: url(../images/ln_more.png) no-repeat;}
|
|
|
|
|
.ln_news_tit .ri a:hover{background: url(../images/ln_more1.png) no-repeat;}
|
|
|
|
|
.ln_news_list{margin-top: 28px;background: #fefefe;}
|
|
|
|
|
.ln_news_list_con{padding: 22px 20px;font-size: 14px;color: #999;}
|
|
|
|
|
.ln_news_list_con .le{float: left;position: relative;padding-left: 16px;}
|
|
|
|
|
.ln_news_list_con .le i{display: inline-block;width: 5px;height: 5px;background: #919191;position: absolute;left: 0;top: 7px;}
|
|
|
|
|
.ln_news_list_con .ri{float: right;}
|
|
|
|
|
.ln_news_list_each{margin-bottom: 18px;}
|
|
|
|
|
.ln_news_list_each:nth-last-child(1){margin-bottom: 0;}
|
|
|
|
|
.ln_news_list_each a{display: block;font-size: 14px;color: #999;}
|
|
|
|
|
.ln_news_list_con .ln_news_list_each a:hover{color:#f05507;}
|
|
|
|
|
.ln_news_list_con .ln_news_list_each a:hover i{background:#f05507;}
|
|
|
|
|
.ln_news_con_a{margin-left: 15px;}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*关于乐牛*/
|
|
|
|
|
.ln_about{width: 1200px;margin: 0 auto;}
|
|
|
|
|
.ln_about_nav{padding: 35px 0 18px;border-bottom: 1px solid #ececec;}
|
|
|
|
|
.ln_about_nav ul li{float: left;margin-right: 120px;}
|
|
|
|
|
.ln_about_nav ul .abcur a i {color: #f1631c;}
|
|
|
|
|
.ln_about_nav ul li a i{font-size: 20px;color: #a6a6a6;margin-left: 4px;}
|
|
|
|
|
.ln_about_nav ul li a:hover i{color: #f1631c;}
|
|
|
|
|
.ln_about_nav ul li a img{margin: -2px 2px;}
|
|
|
|
|
.ln_about_con{margin-top: 57px;font-size: 16px;color: #656565;margin-bottom: 80px;}
|
|
|
|
|
.ln_about_con .about_a .le{float: left;margin-top: 62px;}
|
|
|
|
|
.ln_about_con .about_a .ri{float: right;}
|
|
|
|
|
.ln_about_con .about_a .le .le_word{width: 350px;margin-top: 45px;line-height: 30px;text-indent: 35px;}
|
|
|
|
|
.ln_about_con .p1{font-size: 16px;margin-top: 53px;line-height: 30px;text-indent: 35px;}
|
|
|
|
|
.ln_about_con .p2{font-size: 16px;margin-top: 20px;text-indent: 35px;line-height: 30px;}
|
|
|
|
|
.ln_about_nav ul li span{display: inline-block;background-size: 100% 100%;}
|
|
|
|
|
.ln_about_nav ul li .aboutNav_a{width: 18px;height: 18px;background: url(../images/ln_aboutt1.png) no-repeat;}
|
|
|
|
|
.ln_about_nav ul li .aboutNav_b{width: 18px;height: 18px;background: url(../images/ln_aboutt2.png) no-repeat;}
|
|
|
|
|
.ln_about_nav ul li .aboutNav_c{width: 20px;height: 19px;background: url(../images/ln_aboutt3.png) no-repeat;}
|
|
|
|
|
.ln_about_nav ul li .aboutNav_d{width: 19px;height: 18px;background: url(../images/ln_aboutt4.png) no-repeat;}
|
|
|
|
|
|
|
|
|
|
.ln_about_nav ul li:hover .aboutNav_a{background: url(../images/ln_aboutt1-1.png) no-repeat;}
|
|
|
|
|
.ln_about_nav ul li:hover .aboutNav_b{background: url(../images/ln_aboutt2-1.png) no-repeat;}
|
|
|
|
|
.ln_about_nav ul li:hover .aboutNav_c{background: url(../images/ln_aboutt3-1.png) no-repeat;}
|
|
|
|
|
.ln_about_nav ul li:hover .aboutNav_d{background: url(../images/ln_aboutt4-1.png) no-repeat;}
|
|
|
|
|
|
|
|
|
|
.ln_about_nav ul .abcur .aboutNav_a{background: url(../images/ln_aboutt1-1.png) no-repeat;}
|
|
|
|
|
.ln_about_nav ul .abcur .aboutNav_b{background: url(../images/ln_aboutt2-1.png) no-repeat;}
|
|
|
|
|
.ln_about_nav ul .abcur .aboutNav_c{background: url(../images/ln_aboutt3-1.png) no-repeat;}
|
|
|
|
|
.ln_about_nav ul .abcur .aboutNav_d{background: url(../images/ln_aboutt4-1.png) no-repeat;}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.ln_newNav li:nth-child(1) span{display: inline-block;width: 15px;height: 19px;background: url(../images/ln_newsicon1.png) no-repeat;background-size: 100% 100%;}
|
|
|
|
|
.ln_newNav li:nth-child(1):hover span{background: url(../images/ln_newsicon1-1.png) no-repeat;}
|
|
|
|
|
.ln_newNav li:nth-child(2) span{display: inline-block;width: 22px;height: 17px;background: url(../images/ln_newsicon2.png) no-repeat;background-size: 100% 100%;}
|
|
|
|
|
.ln_newNav li:nth-child(2):hover span{background: url(../images/ln_newsicon2-1.png) no-repeat;}
|
|
|
|
|
.ln_newNav .curNav a i{color: #f1631c;}
|
|
|
|
|
.ln_about .ln_newNav .curNav span{background: url(../images/ln_newsicon1-1.png) no-repeat;}
|
|
|
|
|
.ln_about .ln_newNav .curNavc span{display: inline-block;width: 22px;height: 17px;background: url(../images/ln_newsicon2-1.png) no-repeat;}
|
|
|
|
|
.ln_newNav .curNavc a i{color: #f1631c;}
|
|
|
|
|
.ln_newNav li span{margin-right: 5px;}
|
|
|
|
|
|
|
|
|
|
/*联系我们*/
|
|
|
|
|
.ln_map{width: 1200px;margin: 40px auto;}
|
|
|
|
|
.ln_map_a{font-size: 16px;color: #656565;padding: 26px 0;border-bottom: 1px solid #dedede;}
|
|
|
|
|
.ln_map_a span{margin-left: 90px;}
|
|
|
|
|
.ln_map_a div:nth-child(2){margin-top: 10px;}
|
|
|
|
|
.ln_map_b{margin-top: 66px;font-size: 16px;color: #656565;}
|
|
|
|
|
.ln_map_b .le{float: left;}
|
|
|
|
|
.ln_map_b .contat_tit{font-size: 20px;font-weight: bold;color: #2e2e2e;}
|
|
|
|
|
.ln_map_b .contat_a{margin-top: 12px;line-height: 25px;}
|
|
|
|
|
.ln_map_b .contat_b{margin-top: 22px;}
|
|
|
|
|
.ln_map_b .contat_b .ri{display: inline-block;width: 460px;vertical-align: top;line-height: 25px;}
|
|
|
|
|
.ln_map_b .contat_c{margin-top: 35px;line-height: 25px;}
|
|
|
|
|
.ln_map_b .le p{line-height: 25px;}
|
|
|
|
|
.ln_map_b .ri{float: right;}
|
|
|
|
|
.ln_map_b .ri p{line-height: 25px;}
|
|
|
|
|
.ln_map_b .contat_b_ri{margin-top: 20px}
|
|
|
|
|
.ln_map_b .contat_c_ri{margin-bottom: 10px;margin-top: 28px}
|
|
|
|
|
#map .BMapLabel{display: none !important}
|
|
|
|
|
#map .BMap_pop{font-size: 18px;}
|
|
|
|
|
|
|
|
|
|
/*发展历程*/
|
|
|
|
|
.ln_history_bg{width: 100%;}
|
|
|
|
|
.ln_history_bg img{width: 100%;}
|
|
|
|
|
.ln_history{width: 1086px;margin: 0 auto 100px;}
|
|
|
|
|
.ln_history_con{width: 545px;}
|
|
|
|
|
.ln_history_con .list{width: 100%;float: right;width: 1px;}
|
|
|
|
|
.ln_history_con .list .line{height: 182px;width: 0;border-right: 1px dashed #dcdde1;position: relative;}
|
|
|
|
|
.ln_history_con .list .logo{margin-left: -10px;}
|
|
|
|
|
.ln_history_con .list .line .line_con{position: absolute;left: -539px;top: 100px;}
|
|
|
|
|
.ln_history_con .list .line .line_con .icon{width: 322px;height: 182px;border: 1px solid #dcdde1;text-align: center;line-height: 182px;float: left;}
|
|
|
|
|
.ln_history_con .list .line .line_con .icon img{display: inline-block;vertical-align: middle;}
|
|
|
|
|
.ln_history_con .list .line .line_con .iconline{width: 208px;height: 1px;background: #dcdde1;float: right;margin-top: 92px;}
|
|
|
|
|
.ln_history_con .list .line .line_con .desc{margin-top: 14px;}
|
|
|
|
|
.ln_history_con .list .line .line_con .desc_le{float: left;text-align: right;width: 322px;}
|
|
|
|
|
.ln_history_con .list .line .line_con .desc_le .d1{font-size: 20px;color: #ff9153;}
|
|
|
|
|
.ln_history_con .list .line .line_con .desc_le .d2{font-size: 20px;font-weight: bold;color: #474747;}
|
|
|
|
|
.ln_history_con .list .line .line_con .desc_le .d3{margin-top: 20px;font-size: 14px;color: #808080;}
|
|
|
|
|
.ln_history_con .list .line .line_con .desc_ri{float: left;font-size: 48px;color: #fe8735;font-family: arial;margin-left: 25px;margin-top: 0px;}
|
|
|
|
|
/*双数*/
|
|
|
|
|
body .ln_history_con .list .line .line_con2{left: 0px;}
|
|
|
|
|
body .ln_history_con .list .line .line_con2 .iconline2{float: left;margin-left: 10px;}
|
|
|
|
|
body .ln_history_con .list .line .line_con2 .icon{margin-left: 218px;margin-top: -92px;}
|
|
|
|
|
body .ln_history_con .list .line .line_con .desc_le2{text-align: left;margin-left: 29px;}
|
|
|
|
|
body .ln_history_con .list .line .line_con .desc_ri{margin-left: 63px;}
|
|
|
|
|
|
|
|
|
|
.ln_history_last{font-size: 20px;text-align: center;color: #656565;margin-top: 247px;}
|
|
|
|
|
|
|
|
|
|
/*公司架构*/
|
|
|
|
|
.ln_dev{text-align: center;padding-top: 80px;position: relative;}
|
|
|
|
|
.ln_dev_con{width: 1150px;margin: 10px auto;min-height: 744px;background: url(../images/ln_honner_bg.png) no-repeat center right;}
|
|
|
|
|
.ln_dev_a{width: 223px;height: 0;border-bottom: 1px solid #000;padding-top: 30px;}
|
|
|
|
|
.ln_dev_b{width: 1000px;height: auto;border-left: 1px solid #000;margin-left: 46px;margin-top: -60px;}
|
|
|
|
|
.ln_dev_all{padding-left: 135px;padding-top: 60px;}
|
|
|
|
|
.ln_dev_b ul{font-size: 16px;color: #2e2e2e;text-align: left;position: relative;padding-top: 70px;padding-left: 12px;}
|
|
|
|
|
.ln_dev_b ul div{position: absolute;left: -90px;top: 55px;font-size: 36px;}
|
|
|
|
|
.ln_dev_b ul li{margin-bottom: 50px;width: 956px;}
|
|
|
|
|
.ln_dev_b ul li:nth-last-child(1){margin-bottom: 0px;}
|
|
|
|
|
.ln_dev i{position: absolute;transform: translate(0px,0px);}
|
|
|
|
|
.ln_dev .p1{right: 82px;top: 70px;}
|
|
|
|
|
.ln_dev .p2{right: -60px;top: 296px;}
|
|
|
|
|
.ln_dev .p3{left: 40px;top: 776px;}
|
|
|
|
|
|
|
|
|
|
/*企业动态*/
|
|
|
|
|
.ln_page_news{width: 1200px;margin: 0 auto;background: #fff;}
|
|
|
|
|
.ln_page_news_con{padding: 18px 30px;}
|
|
|
|
|
.ln_page_news_con .list{width: 100%;border-bottom: 1px dashed #f0f0f0;height: 57px;line-height: 57px;}
|
|
|
|
|
.ln_page_news_con .list a{display: block;font-size: 14px;color: #656565;}
|
|
|
|
|
.ln_page_news_con .list a:hover{color: #f05507;}
|
|
|
|
|
.ln_page_news_con .list a:hover i{background: #f05507;}
|
|
|
|
|
.ln_page_news_con .list .le{float: left;position: relative;padding-left: 16px;}
|
|
|
|
|
.ln_page_news_con .list .le i{display: inline-block;width: 5px;height: 5px;background: #919191;position: absolute;left: 0;top: 26px;}
|
|
|
|
|
.ln_page_news_con .list .ri{float: right;}
|
|
|
|
|
.ln_page{margin-top: 75px;padding-bottom: 22px;width: 100%;position: relative;height: 40px;}
|
|
|
|
|
.ln_page_con{position: absolute;top: 0;left: 50%;transform: translate(-50%,0);
|
|
|
|
|
-ms-transform: translate(-50%,0);
|
|
|
|
|
-moz-transform: translate(-50%,0);
|
|
|
|
|
-webkit-transform: translate(-50%,0);
|
|
|
|
|
-o-transform: translate(-50%,0);font-size: 12px;color: #656565;box-sizing: border-box;width: 100%;text-align: center;}
|
|
|
|
|
.ln_page_con a{display: inline-block;margin: 0 3px; height: 37px;line-height: 37px;width: 37px;text-align: center;border: 1px solid #d4d4d4; color: #656565;}
|
|
|
|
|
.ln_page_con a:hover{border: 1px solid #f1631c;}
|
|
|
|
|
|
|
|
|
|
.ln_page_con .last{width: 57px;}
|
|
|
|
|
.ln_page_con input{width: 35px;height: 35px;border: 1px solid #d4d4d4;outline: none;text-align: center;}
|
|
|
|
|
.ln_page_con input:hover{border: 1px solid #f1631c;}
|
|
|
|
|
.ln_page_con .enter{width: 57px;margin-left: 5px;cursor: pointer;}
|
|
|
|
|
.ln_page .ln_page_con .pagecur{background: #f1631c;color: #fff;border: 1px solid #f1631c;}
|
|
|
|
|
|
|
|
|
|
/*动态详情*/
|
|
|
|
|
.ln_detail_link{float: right;font-size: 14px;margin-top: 5px;color: #656565;}
|
|
|
|
|
.ln_detail_link a{font-size: 14px;color: #656565;}
|
|
|
|
|
.ln_detail_link a:nth-last-child(1){color: #f1631c;}
|
|
|
|
|
.ln_news_detail{width: 1200px;margin: 20px auto;}
|
|
|
|
|
.ln_news_detail .back div{float: right;width: 77px;height: 30px;background: #bababa;text-align: center;font-size: 14px;line-height: 30px;}
|
|
|
|
|
.ln_news_detail .back div:hover{background: #f1631c;}
|
|
|
|
|
.ln_news_detail .back a{color: #fff;display: block;}
|
|
|
|
|
.ln_news_detail .back a span{margin-left: 10px;}
|
|
|
|
|
.ln_news_detail .con{width: 100%;text-align: center;margin-top: 30px;}
|
|
|
|
|
.ln_news_detail .con .con_a{font-size: 32px;font-weight: bold;color: #242424;}
|
|
|
|
|
.ln_news_detail .con .con_b{margin-top: 10px;font-size: 12px;color: #656565;}
|
|
|
|
|
.ln_news_detail .con .con_b span{margin-right: 25px;}
|
|
|
|
|
.ln_news_detail .con .con_b span:nth-last-child(1){margin: 0;}
|
|
|
|
|
.ln_news_detail .con .con_c{margin-top: 48px;font-size: 14px;color: #656565;}
|
|
|
|
|
.ln_news_detail .con .con_c p{background: #f5f6fa !important;}
|
|
|
|
|
|
|
|
|
|
/*企业文化*/
|
|
|
|
|
.ln_culture{width: 1200px;margin: 20px auto;}
|
|
|
|
|
.ln_culture ul{display: flex;display: -webkit-flex;justify-content: flex-start;-webkit-justify-content: flex-start;flex-wrap: wrap;-webkit-flex-wrap: wrap;}
|
|
|
|
|
.ln_culture ul li{width: 386px;margin-bottom: 40px;background: #fff;margin-right: 19px;}
|
|
|
|
|
.ln_culture ul li:nth-child(3n){margin-right: 0;}
|
|
|
|
|
.ln_culture ul li div img{width: 386px;height: 240px;}
|
|
|
|
|
.ln_culture ul li div:nth-child(2){width: 100%;height: 60px;line-height: 60px;font-size: 14px;color: #2e2e2e;text-indent: 10px;}
|
|
|
|
|
.ln_culBtn{text-align: center;margin: 20px auto; cursor: pointer;width: 121px;height: 60px;background: url(../images/ln_next.png) no-repeat;background-size: 100% 100%;}
|
|
|
|
|
.ln_culBtn:hover{background: url(../images/ln_next-1.png) no-repeat;}
|
|
|
|
|
.ln_cul_desc span:nth-child(1){float: left;}
|
|
|
|
|
.ln_cul_desc span:nth-child(2){float: right;margin-right: 10px}
|
|
|
|
|
/*乐牛产品*/
|
|
|
|
|
.ln_prod{width: 1200px;margin: 42px auto;}
|
|
|
|
|
.ln_prod_a{width: 390px;margin: 0 auto;font-weight: bold;}
|
|
|
|
|
.ln_prod_a a{width: 172px;height: 47px;text-align: center;line-height: 47px;background: #c6c6c6;display: inline-block;color: #fff;font-size: 22px;}
|
|
|
|
|
.ln_prod_a a:nth-child(1){margin-right: 38px;}
|
|
|
|
|
.ln_prod_a .prodcur{background: #f1631c;}
|
|
|
|
|
.ln_prod_b{width: 100%;margin-top: 50px;}
|
|
|
|
|
.ln_prod_b ul{display: flex;justify-content: flex-start;flex-wrap: wrap;}
|
|
|
|
|
.ln_prod_b ul li{width: 386px;margin-bottom: 40px;background: #fff;transition: all .2s linear;overflow: hidden;margin-right: 16px;}
|
|
|
|
|
.ln_prod_b ul li:nth-child(3n) {margin-right: 0;}
|
|
|
|
|
.ln_prod_b ul li div .prodImg{width: 386px;height: 280px;}
|
|
|
|
|
.ln_prod_b ul li div .codeImg{width: 147px;height: 147px;}
|
|
|
|
|
.ln_prod_b ul li .prod_txt{font-size: 20px;color: #2e2e2e;margin-top: 20px;padding-left: 15px;}
|
|
|
|
|
.ln_prod_b ul li .prod_txt span{color: #a0a0a0;margin-left: 10px;font-size: 12px;height: 16px;line-height: 16px; border: 1px solid #eaeaea;display: inline-block;text-align: center;padding:0 10px;border-radius: 10px;}
|
|
|
|
|
.ln_prod_b ul li .prod_desc{font-size: 14px;color: #a0a0a0;padding: 0 15px;margin-top: 16px;line-height: 24px;}
|
|
|
|
|
.ln_prod_b ul li .prod_desc div{border-bottom: 1px solid #eaeaea;padding-bottom: 20px;height: 48px;overflow: hidden;}
|
|
|
|
|
.ln_prod_b ul li .prod_btn{height: 48px;line-height: 48px;padding-left: 15px;font-size: 14px;}
|
|
|
|
|
.ln_prod_b ul li .prod_btn a{color: #a0a0a0;}
|
|
|
|
|
.ln_prod_b ul li .prod_btn span:hover a{color: #f1631c;}
|
|
|
|
|
.ln_prod_b ul li .ln_prod_enter{float: right;margin-right: 15px;}
|
|
|
|
|
.ln_prod_b ul li .prod_btn span i{display: inline-block;width: 11px;height: 11px;background-size: 100% 100%;margin-right: 12px;}
|
|
|
|
|
.ln_prod_b ul li .prod_btn span:nth-child(1) i{background: url(../images/ln_prod_of.png) no-repeat;}
|
|
|
|
|
/*.ln_prod_b ul li .prod_btn span:nth-child(2) i{background: url(../images/ln_prod_of.png) no-repeat;}*/
|
|
|
|
|
.ln_prod_b ul li .prod_btn span:nth-child(1):hover i{background: url(../images/ln_prod_of-1.png) no-repeat;}
|
|
|
|
|
/*.ln_prod_b ul li .prod_btn span:nth-child(2):hover i{background: url(../images/ln_prod_of-1.png) no-repeat;}*/
|
|
|
|
|
|
|
|
|
|
.ln_prod_b ul li .prod_btn img{margin-right: 15px;}
|
|
|
|
|
.ln_prod_b ul li .prod-img{position: relative;}
|
|
|
|
|
.ln_prod_b ul li .prod_img_hover{position: absolute;text-align: center;color: #fff; width: 386px;height: 280px;background: url(../images/ln_prod_listbg.png) no-repeat;left: 0;top: -280px;transition: all .3s;}
|
|
|
|
|
.ln_prod_b ul li :hover .prod_img_hover{top: 0px;}
|
|
|
|
|
.ln_prod_b ul li:hover{-webkit-box-shadow:0px 5px 5px rgba(0,0,0,.1);box-shadow: 0px 5px 5px rgba(0,0,0,.1);-webkit-transform: translate3d(0, -4px, 0);transform: translate3d(0, -4px, 0);}
|
|
|
|
|
.ln_prod_b ul li .prod_img_hover div:nth-child(1){padding-top: 35px;}
|
|
|
|
|
.ln_prod_b ul li .prod_img_hover div:nth-child(2){font-size: 20px;margin-top: 5px;}
|
|
|
|
|
.ln_prod_b ul li .prod_img_hover div:nth-child(3){font-size: 14px;margin-top: 10px;}
|
|
|
|
|
.ln_prod_b ul li .prod_img_hover div:nth-child(3) span:nth-child(1){margin-right: 40px;}
|
|
|
|
|
|
|
|
|
|
/*招聘*/
|
|
|
|
|
.ln_recruit_header{width: 100%;height: 90px;background: #25282d;}
|
|
|
|
|
.ln_recruit_header_con{width: 1200px;margin: 0 auto;height: 100%;}
|
|
|
|
|
.ln_recruit_header_con .le{float: left;}
|
|
|
|
|
.ln_recruit_header_con .le img{padding-top: 20px;}
|
|
|
|
|
.ln_recruit_header_con .ri{float: right;font-size: 14px;color: #c4ccd9;line-height: 90px;height: 100%;}
|
|
|
|
|
.ln_recruit_header_con .ri li{float: left;width: 70px;text-align: center;margin-right: 13px;position: relative;}
|
|
|
|
|
.ln_recruit_header_con .ri li:nth-last-child(1){margin-right: 0;}
|
|
|
|
|
.ln_recruit_header_con .ri li i{position: absolute;display: block;width: 0;height: 5px;background: #d5b380;bottom: -1px;left: 35px;z-index: 999;-webkit-transition: all linear .2s;
|
|
|
|
|
-mz-transition: all linear .2s;
|
|
|
|
|
-moz-transition: all linear .2s;
|
|
|
|
|
transition: all linear .2s;}
|
|
|
|
|
.ln_recruit_header_con .ri .recCur i{width: 70px;font-size: 16px;}
|
|
|
|
|
.ln_recruit_header_con .ri .recCur a{font-size: 16px;color: #d5b380;}
|
|
|
|
|
.ln_recruit_header_con .ri li:hover a{font-size: 16px;color: #d5b380;}
|
|
|
|
|
.ln_recruit_header_con .ri li:hover i{width: 70px;left: 0;}
|
|
|
|
|
|
|
|
|
|
@media screen and (max-width: 1500px) {
|
|
|
|
|
.ln_recruit_body .ln_recruit_le {
|
|
|
|
|
width: 490px;height: 570px;
|
|
|
|
|
left: 40px;
|
|
|
|
|
}
|
|
|
|
|
.ln_recruit_body .ln_recruit_ri {
|
|
|
|
|
width: 525px;height: 597px;
|
|
|
|
|
right: 70px;
|
|
|
|
|
}
|
|
|
|
|
.wrap .ln_recruit_body{
|
|
|
|
|
height: 630px;
|
|
|
|
|
}
|
|
|
|
|
.ln_recruit_body .ln_recruit_mid{top: 186px;width: 537px;}
|
|
|
|
|
.ln_recruit_mid img{width: 265px;}
|
|
|
|
|
.ln_recruit_body .ln_recruit_bott{height: 306px;}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.ln_recruit_header_con .ri a{color: #c4ccd9;font-size: 14px;}
|
|
|
|
|
.ln_recruit_header_con .ri .recCur{font-size: 16px;color: #fff;}
|
|
|
|
|
.ln_recruit_header_con .ri .recCur i{left: 0;}
|
|
|
|
|
.lnRecruit_header .ln_header_nav{float: right;}
|
|
|
|
|
.ln_recruit_body{width: 100%;height: 799px;background: url(../images/ln_recubg1.jpg) no-repeat;background-size: 100% 100%;position: relative;}
|
|
|
|
|
.ln_recruit_le{width: 644px;height: 745px;background: url(../images/ln_rec_role1-1.png) no-repeat;background-size: 100% 100%;position: absolute;left: 75px;top: 50px;transition:all 1s linear infinite alternate;opacity: 0;}
|
|
|
|
|
.ln_recruit_ri{width: 691px;height: 784px;background: url(../images/ln_rec_role2-2.png) no-repeat;background-size: 100% 100%;position: absolute;right: 105px;top: 15px;transition:all 1s linear infinite alternate;opacity: 0;}
|
|
|
|
|
.ln_recruit_bott{width: 100%;height: 396px;background: url(../images/ln_rec_role3.png) no-repeat center center;background-size: 100% 100%;position: absolute;left: 0;bottom: 0;}
|
|
|
|
|
.ln_recruit_mid{position: absolute;left: 50%;top: 220px;transform: translate(-50%,0);
|
|
|
|
|
-ms-transform: translate(-50%,0);
|
|
|
|
|
-moz-transform: translate(-50%,0);
|
|
|
|
|
-webkit-transform: translate(-50%,0);
|
|
|
|
|
-o-transform: translate(-50%,0);z-index: 999;width: 695px;}
|
|
|
|
|
|
|
|
|
|
.ln_recruit_mid img{transition: all 0.5s;opacity: 0;}
|
|
|
|
|
.ln_recruit_body .ln_recruit_mid .img1:hover{transform: translate(20px) scale(1.03);}
|
|
|
|
|
.ln_recruit_body .ln_recruit_mid .img2:hover{transform: translate(20px) scale(1.03)}
|
|
|
|
|
.wrap .ln_recruit_headernew{background: url(../images/ln_headbg.jpg) no-repeat;height: 88px;}
|
|
|
|
|
.wrap .ln_recruit_headernew .ri a{color: #2e2e2e;font-size: 14px;position: relative;}
|
|
|
|
|
/*.wrap .ln_recruit_header_con .ri i{font-size: 26px;color: #2e2e2e;}*/
|
|
|
|
|
.wrap .ln_recruit_header_con a em{position: absolute;top: 44px;left: 0px;width: 0px;height: 5px;display: inline-block;background: #f1631c;-webkit-transition:all linear .2s;-mz-transition:all linear .2s;-moz-transition:all linear .2s;transition:all linear .2s;}
|
|
|
|
|
.wrap .ln_recruit_header_con .ln_curRec em{width: 70px;}
|
|
|
|
|
.wrap .ln_recruit_header_con .ri .ln_curRec{color: #f1631c;}
|
|
|
|
|
/*.wrap .ln_recruit_header_con a:hover em{width: 70px;}*/
|
|
|
|
|
/*.wrap .ln_recruit_header_con .ri a:hover{color: #f1631c;}*/
|
|
|
|
|
|
|
|
|
|
@-webkit-keyframes lnPeopleAnimation {
|
|
|
|
|
0% {
|
|
|
|
|
-webkit-transform: translateY(0);
|
|
|
|
|
transform: translateY(0);
|
|
|
|
|
}
|
|
|
|
|
50% {
|
|
|
|
|
-webkit-transform: translateY(-10px);
|
|
|
|
|
transform: translateY(-10px);
|
|
|
|
|
}
|
|
|
|
|
to {
|
|
|
|
|
-webkit-transform: translateY(0);
|
|
|
|
|
transform: translateY(0);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
@keyframes lnPeopleAnimation {
|
|
|
|
|
0% {
|
|
|
|
|
-webkit-transform: translateY(0);
|
|
|
|
|
transform: translateY(0);
|
|
|
|
|
}
|
|
|
|
|
50% {
|
|
|
|
|
-webkit-transform: translateY(-10px);
|
|
|
|
|
transform: translateY(-10px);
|
|
|
|
|
}
|
|
|
|
|
to {
|
|
|
|
|
-webkit-transform: translateY(0);
|
|
|
|
|
transform: translateY(0);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*乐牛校招*/
|
|
|
|
|
.ln_socReruit{width: 1200px;margin: 30px auto 0;}
|
|
|
|
|
.ln_socReruit_sku{font-size: 14px;color: #656565;margin-bottom: 10px;}
|
|
|
|
|
.ln_socReruit_sku .le{float: left;margin-top: 11px;}
|
|
|
|
|
.ln_socReruit_sku .ri{float: left;margin-left: 28px}
|
|
|
|
|
.ln_socReruit_sku a{display: inline-block;width: 82px;height: 43px;text-align: center;line-height: 43px;font-size: 14px;color: #656565;}
|
|
|
|
|
.ln_socReruit_sku .recur{background: #f1631c;color: #fff;}
|
|
|
|
|
.ln_socReruit_b{margin-top: 26px;}
|
|
|
|
|
.ln_socReruit_b .le{float: left;position: relative;}
|
|
|
|
|
.ln_socReruit_b .le input{width: 445px;height: 40px;border: 1px solid #bbbbbb;padding-left: 10px;outline: none;border-right: none;}
|
|
|
|
|
.ln_socReruit_b .le span{display: block;position: absolute;right: -79px;top: 0;font-size: 14px;width: 80px;height: 44px;background: #f1631c;color: #fff;text-align: center;line-height: 44px;cursor: pointer;}
|
|
|
|
|
.ln_socReruit_b .le span:hover{background: #fc712b;}
|
|
|
|
|
.ln_socReruit_b .le img{position: absolute;right: 18px;top: 8px;}
|
|
|
|
|
.ln_socReruit_b .ri{float: right;width: 180px;height: 44px;line-height: 44px;text-align: center;cursor: pointer;color: #fff;background: #f1631c;font-size: 18px;}
|
|
|
|
|
.ln_socReruit_b .ri:hover{background: #fc712b;}
|
|
|
|
|
.ln_socReruit_c{margin-top: 30px;padding: 0 20px;font-size: 14px;}
|
|
|
|
|
.ln_socReruit_c .soc_tit{height: 50px;line-height: 50px;color: #656565;}
|
|
|
|
|
.ln_socReruit_c .soc_tit div{float: left;width: 147px;text-align: center;}
|
|
|
|
|
.ln_socReruit_c .soc_tit div:nth-child(1){width: 475px;text-align: left;text-indent: 26px;}
|
|
|
|
|
.ln_socReruit_c .soc_tit div:nth-child(6){width: 82px;}
|
|
|
|
|
.ln_socReruit_c ul li{width: 100%;height: 58px;line-height: 58px;color: #656565;cursor: pointer;}
|
|
|
|
|
.ln_socReruit_c ul li div{float: left;width: 147px;text-align: center;height: 100%;}
|
|
|
|
|
.ln_socReruit_c ul li div:nth-child(1){width: 475px;text-align: left;font-size: 16px;text-indent: 21px;cursor: pointer;}
|
|
|
|
|
.ln_socReruit_c ul li div:nth-child(6){width: 82px;}
|
|
|
|
|
.ln_socReruit_c ul li:nth-child(odd){background: #eff0f4;}
|
|
|
|
|
.ln_socReruit_c ul li:hover{color: #f1631c;}
|
|
|
|
|
/*弹窗*/
|
|
|
|
|
.ln_fixed{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.4);z-index: 999;}
|
|
|
|
|
.ln_popa{position: absolute;width: 799px;height: 682px;background: #fff;left: 50%;top: 50%;transform: translate(-50%,-50%);
|
|
|
|
|
-ms-transform: translate(-50%,-50%);
|
|
|
|
|
-moz-transform: translate(-50%,-50%);
|
|
|
|
|
-webkit-transform: translate(-50%,-50%);
|
|
|
|
|
-o-transform: translate(-50%,-50%);}
|
|
|
|
|
.ln_popa_con{padding: 35px 48px;}
|
|
|
|
|
.ln_popa_tit{font-size: 30px;color: #393939;font-weight: bold;text-align: center;}
|
|
|
|
|
.ln_popa_detail{margin-top: 32px;border-top: 1px solid #d2d2d2;}
|
|
|
|
|
.ln_popa_detail_a{margin-top: 32px;height: 355px;overflow-y: scroll;}
|
|
|
|
|
.ln_popa_detail_a p{width: 628px;font-size: 14px;color: #656565;line-height: 24px;}
|
|
|
|
|
.ln_popa_detail_a div p:nth-child(1){color: #393939;/*font-weight: bold;*/}
|
|
|
|
|
.ln_popa_detail_marg{margin-top: 25px;}
|
|
|
|
|
.ln_fixed .ln_popa_btn{width: 221px;height: 62px;margin: 40px auto 0;background: #f1631c;line-height: 62px;font-size: 20px;color: #fff;text-align: center;cursor: pointer;}
|
|
|
|
|
.ln_popa_btn:hover{background: #fc712b;}
|
|
|
|
|
.ln_fixed .ln_popa_tip{text-align: center;margin-top: 28px;font-size: 14px;color: #939292;}
|
|
|
|
|
.ln_popa_detail_a::-webkit-scrollbar {
|
|
|
|
|
width: 10px;
|
|
|
|
|
height: 10px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.ln_popa_detail_a::-webkit-scrollbar-thumb {
|
|
|
|
|
/*滚动条里面小方块*/
|
|
|
|
|
border-radius: 10px;
|
|
|
|
|
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
|
|
|
|
|
background: #a2a2a2;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.ln_popa_detail_a::-webkit-scrollbar-thumb:hover {
|
|
|
|
|
background: #a2a2a2;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.ln_popa_detail_a::-webkit-scrollbar-track {
|
|
|
|
|
/*滚动条里面轨道*/
|
|
|
|
|
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
|
|
|
|
|
border-radius: 10px;
|
|
|
|
|
background: #d7d7d7;
|
|
|
|
|
}
|
|
|
|
|
.ln_popb{width: 500px;height: 680px;background: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);
|
|
|
|
|
-ms-transform: translate(-50%,-50%);
|
|
|
|
|
-moz-transform: translate(-50%,-50%);
|
|
|
|
|
-webkit-transform: translate(-50%,-50%);
|
|
|
|
|
-o-transform: translate(-50%,-50%);}
|
|
|
|
|
.ln_popb_nav{text-align: center;border-bottom: 1px solid #d2d2d2;}
|
|
|
|
|
.ln_popb_nav img{margin: 23px 0;}
|
|
|
|
|
.ln_popb_con{padding: 46px 68px;}
|
|
|
|
|
.ln_popb_con div input{width: 288px;height: 37px;outline: none;text-indent: 10px;}
|
|
|
|
|
.ln_popb_con div {margin-bottom: 18px;font-size: 16px;color: #656565;}
|
|
|
|
|
.ln_popb_con div:nth-child(3) span{margin-right: 19px;}
|
|
|
|
|
.ln_popb_con div span{margin-right: 16px;}
|
|
|
|
|
.ln_popb_con div select{width: 292px;height: 41px;outline: none;}
|
|
|
|
|
.ln_popb_con div:nth-child(5) select{margin-left: 52px;}
|
|
|
|
|
.ln_popb_con .ln_popb_tip{font-size: 14px;text-align: center;}
|
|
|
|
|
.ln_popc_con div{line-height: 24px;margin-bottom: 10px;}
|
|
|
|
|
.ln_popc_file{padding: 0 40px 15px 35px;font-size: 16px;color: #1c1c1c;}
|
|
|
|
|
.ln_popc_file input{width: 219px;height: 37px;margin-left: 10px;text-align: center;}
|
|
|
|
|
.ln_popc_file i{display: inline-block;width: 105px;height: 40px;background: #e6e6e6;border: 1px solid #919191;text-align: center;line-height: 40px;margin-left: 10px;cursor: pointer;}
|
|
|
|
|
.ln_popd{width: 500px;height: 239px;background: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);
|
|
|
|
|
-ms-transform: translate(-50%,-50%);
|
|
|
|
|
-moz-transform: translate(-50%,-50%);
|
|
|
|
|
-webkit-transform: translate(-50%,-50%);
|
|
|
|
|
-o-transform: translate(-50%,-50%);}
|
|
|
|
|
.ln_popd div:nth-child(1){font-size: 40px;color: #f1631c;text-align: center;padding-top: 70px;}
|
|
|
|
|
.ln_popd div:nth-child(2){font-size: 16px;color: #656565;text-align: center;margin-top: 20px;}
|
|
|
|
|
.ln_closepop{position: absolute;top: 0;right: -58px;cursor: pointer;}
|
|
|
|
|
.ln_header .ln_recruit_header_nav{float: right;}
|
|
|
|
|
|
|
|
|
|
/*法律申明*/
|
|
|
|
|
.ln_law .law_le{float: left;font-size: 20px;color: #a6a6a6;}
|
|
|
|
|
.ln_law .law_le i{width: 19px;height: 19px;display: inline-block;background: url(../images/ln_law1.png) no-repeat;background-size: 100% 100%;}
|
|
|
|
|
.ln_law .law_le:hover i{background: url(../images/ln_law.png) no-repeat;}
|
|
|
|
|
.ln_law .law_le:hover{color: #f1631c;}
|
|
|
|
|
.ln_law .law_ri{float: right;font-size: 14px;color: #656565;}
|
|
|
|
|
.ln_law .law_ri a{color: #656565;}
|
|
|
|
|
.ln_law .law_ri .law_cho{color: #f1631c;text-decoration: underline;}
|
|
|
|
|
.ln_law_tit{margin-top: 20px;}
|
|
|
|
|
.ln_law_tit a{float: right;width: 77px;height: 30px;text-align: center;line-height: 30px;background: #bababa;color: #fff;font-size: 14px;}
|
|
|
|
|
.law_con{margin-top: 24px;}
|
|
|
|
|
.law_con_a{text-align: center;font-size: 32px;font-weight: bold;color: #242424;}
|
|
|
|
|
.law_con_b{text-align: center;color: #656565;font-size: 12px;margin-top: 13px;}
|
|
|
|
|
.law_con_c{width: 956px;margin: 40px auto;font-size: 14px;color: #656565;}
|
|
|
|
|
.law_con_c p{line-height: 30px;margin-bottom: 46px;}
|
|
|
|
|
.law_con_c .con_main{margin-bottom: 10px;}
|
|
|
|
|
.law_con_c .con_bold{font-size: 18px;color: #242424;margin-bottom: 10px;}
|
|
|
|
|
.law_con_c .con_ind{text-indent: 25px;}
|
|
|
|
|
.ln_law .law_le a{color: #a6a6a6;font-size: 20px;}
|
|
|
|
|
.ln_law .law_le a:hover{color: #f1631c;}
|
|
|
|
|
.ln_law .law_le .law_le_a{margin-right: 120px;}
|
|
|
|
|
.ln_law .law_le .law_le_a i{width: 20px;height: 19px;background:url(../images/ln_iss1.png) no-repeat}
|
|
|
|
|
.ln_law .law_le .law_le_b i{width: 16px;height: 18px;background:url(../images/ln_iss2.png) no-repeat}
|
|
|
|
|
.ln_law .law_le .law_le_a:hover i{background:url(../images/ln_iss1-1.png) no-repeat}
|
|
|
|
|
.ln_law .law_le .law_le_b:hover i{background:url(../images/ln_iss2-1.png) no-repeat}
|
|
|
|
|
.ln_about .ln_law .law_le .law_le_cho i{background:url(../images/ln_iss1-1.png) no-repeat;}
|
|
|
|
|
.ln_about .ln_law .law_le .law_le_cho{color: #f1631c;}
|
|
|
|
|
.ln_about .ln_law .law_le .law_le_b_cho i{background:url(../images/ln_iss2-1.png) no-repeat;}
|
|
|
|
|
.ln_about .ln_law .law_le .law_le_b_cho{color: #f1631c;}
|
|
|
|
|
.law_con .law_con_book p{margin-bottom: 0;line-height: 35px;padding-left: 20px;}
|
|
|
|
|
.law_con .law_con_book .book_main{font-size: 18px;color: #242424;text-align: center;font-weight: bold;}
|
|
|
|
|
.law_con .law_con_book .book_ind{text-indent: 20px;padding-left: 0;}
|
|
|
|
|
/*底部*/
|
|
|
|
|
.ln_footer {width: 100%;background: #181818;margin-top: 90px;}
|
|
|
|
|
.ln_footer_con{width: 1050px;margin: 0 auto;}
|
|
|
|
|
.ln_footer_info{color: #d4d4d4;padding: 50px 0px 32px;}
|
|
|
|
|
.ln_footer_info_a{float: left;}
|
|
|
|
|
.ln_footer_info_tit{font-size: 18px;}
|
|
|
|
|
.ln_footer_info .ln_footer_info_con{margin-top: 15px;}
|
|
|
|
|
.ln_footer_info_con ul{float: left;}
|
|
|
|
|
.ln_footer_info_con ul li {line-height: 23px;}
|
|
|
|
|
.ln_footer_info_con ul li a{color:#d4d4d4;font-size: 14px;}
|
|
|
|
|
.ln_footer_info_con .ri{margin-left: 22px;}
|
|
|
|
|
.ln_footer_info_b{margin-left: 130px;}
|
|
|
|
|
.ln_footer_info_c{margin-left: 143px;}
|
|
|
|
|
.ln_footer_info_code{text-align: center;}
|
|
|
|
|
.ln_footer_contact{width: 100%;border-top: 1px solid #262626;padding-bottom: 52px;font-size: 14px;}
|
|
|
|
|
.ln_footer_contact_a {padding-top: 26px;}
|
|
|
|
|
.ln_footer_contact div{text-align: center;color: #8b8b8b;}
|
|
|
|
|
.ln_footer_contact div a{color: #8b8b8b;font-size: 14px;}
|
|
|
|
|
.ln_footer_contact_b{margin-top: 12px;}
|
|
|
|
|
.ln_footer_contact_b .marg{margin-left: 35px;}
|
|
|
|
|
.ln_footer_contact_c{margin-top: 5px;}
|
|
|
|
|
.ln_footer_contact_c .marg{margin-left: 17px;}
|
|
|
|
|
|
|
|
|
|
.ln_top{position: fixed; bottom: 20%;right: 20px;cursor: pointer;display: none;}
|
|
|
|
|
.ln_top img{width: 50px}
|