/* head-new */ .w1200{width:1350px;} .fixed_top{position: fixed;right: 0;left: 0; z-index: 1500;} .head-new-warp{ height:75px; border-bottom:1px solid #e3e3e3; margin-bottom:2px; } .head-new{ height:75px; } .head-new h1{ width:178px; height:75px; float:left;margin-right: 140px;} .head-new .logo{margin-top:15px;background:url(/images/index/logo.png) no-repeat;width:178px;height:45px;display:block;} .fixed_new .head-new .logo{margin-top:15px;background:url(/images/index/logo1.png) no-repeat;width:178px;height:45px;display:block;} .nav-new-warp{ width:755px; height:75px; } .nav-new{ width:755px; height:75px; left:16px; bottom:1px; } .nav-new a.menu{ height:77px; line-height:75px; margin:0 17px; color:#fff; font-size:14px; position:relative; float:left; display:block; } .fixed_new {background: #fff} .fixed_new .nav-new a.menu{color:#000;} .fixed_new .head-new-tel,.fixed_new .head-new-tel a{color:#000;} .fixed_new .head-new-tel{background:url(/images/index/d-11.png) left 21px no-repeat;} .nav-new a.menu:hover,.nav-new a.menu.on{ border-bottom:3px solid #d9c0ac; } .nav-new a.menu i{ width:24px; height:16px; background:url(/images/index/hot.png) no-repeat; position:absolute; top:0; right:-20px; display:block; } .head-new-tel{ width:215px;float: left;padding-top:18px;background:url(/images/index/d-1.png) left 21px no-repeat; color:#fff; font-size:14px; } .head-new-tel span{padding-left: 50px;font-size:14px;height:40px;margin-right:10px; float:left;} .head-new-tel-con{ width:104px;height:40px; float:left; } .head-new-tel-con a{ width:100%; height:20px; line-height:20px; color:#fff; display:block; } .nav-new .mask-menu{position: absolute;top:75px;left:68px;overflow:hidden;z-index:1;opacity: 0;max-height: 0px;transition: 0.3s max-height ease-in-out;} .nav-new .li03{left:158px;} .nav-new .li04{left:248px;} .nav-new .li05{left:338px;} .nav-new .li06{left:428px;} .nav-new .li07{left:518px;} .nav-new .li08{left:608px;} .nav-new .dropdown-menu{margin-top:10px;opacity:0;} .nav-new .dropdown-menu li{padding-left: 15px;} .nav-new .dropdown-menu li,.nav-new .dropdown-menu li a{height:45px;line-height:45px;color:#fff;font-size:14px;width:216px;display:block;background: #535353;border-bottom:1px solid #7b746e;} .nav-new .dropdown-menu li a{background: none;} .nav-new .dropdown-menu li.li-last,.nav-new .dropdown-menu li.li-last a{border-bottom:none;} .nav-new li.nav-new_li:hover .mask-menu{opacity: 1;max-height: 999px;} .nav-new li.nav-new_li:hover .dropdown-menu{opacity: 1;-webkit-transition:all 800ms ease-in-out;-moz-transition:all 800ms ease-in-out;-ms-transition:all 800ms ease-in-out;-o-transition:all 800ms ease-in-out;transition:all 800ms ease-in-out;} .nav-new li.nav-new_li:hover .dropdown-menu li:hover{text-indent: 5px;background: #7b746e;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;} /* slide start*/ #banner{position:relative;margin:0 auto;min-width:1100px;overflow:hidden;width:100%;height:789px;z-index:100;background:#f9f9f9} #J-slide{position:relative;width:100%;height:789px;background:#f9f4ed;} #J-slide .slide{float:left;position:absolute;top:0;left:0;width:100%;height:789px;} .bghome{position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;overflow: hidden;background-position: center center;} .slide-1 .bg-1,.slide-1 .pic-1{display:block;opacity:1} .slide-2 .bg-2,.slide-2 .pic-2{display:block;opacity:1} .slide-number{text-align:center;background-position:0 -329px;background-repeat:repeat-x;position:absolute;bottom:24px;left:50%;margin-left:-30px;z-index:200;} .slide-number a{display:inline-block;margin:0 3px 0 0;text-indent:-9999em; position: relative;float: left;margin-right: 12px; width: 12px;height: 12px;cursor: pointer;background-position: left top;border: solid 2px #ffffff;zoom: 1;border-radius:100%;} .slide-number a::moz-focus-inner{border:0} .slide-number .slide-number-active{background:#fff;-webkit-transition:background .5s, opacity .5s;-moz-transition:background .5s, opacity .5s;transition:background .5s, opacity .5s;} .pic-1,.pic-3{width:973px;height:323px;left:-410px;top:108px;background-color:#FE6F06;} .pic-1 img,.pic-3 img{float:right;} .pic-2{width:866px;height:279px;top:74px;right:-410px;background-color:#FFF;} .bg-0-lazy{background-image: url(/images/index/index_ban_0.jpg);} .bg-1-lazy{background-image: url(/images/index/index_ban_1.jpg);} .bg-2-lazy{background-image: url(/images/index/index_ban_2.jpg);} .bg-3-lazy{background-image: url(/images/index/index_ban_3.jpg);} .bg-4-lazy{background-image: url(/images/index/index_ban_4.jpg);} .bg-5-lazy{background-image: url(/images/index/index_ban_5.jpg);} /*banner动画*/ #J-slide .slide .fadeTxt{width:900px;height:340px;text-align: center;position:absolute; left:50%; top:274px; margin-left:-450px; z-index:6; } #J-slide .slide .fadeTxt h3{ line-height:1em; font-weight:500;letter-spacing:10px; } #J-slide .slide .fadeTxt p{ line-height:1em;letter-spacing:6px; } #J-slide .slide .fadeTxt p.p-1{ margin-top:30px;letter-spacing:3px; } #J-slide .slide .fadeTxt span{width:67px;height:3px;background: #fff;margin:40px auto;display: block;} #J-slide .slide a.fadeTxt-a{width:100%;height:712px;background:none;position:absolute; left:0; top:77px;} #J-slide .slide b.btn{width:232px;height:52px;line-height:48px; display:block; border:1px solid #fff;text-align: center;color:#fff;font-weight:normal;margin:50px auto 0;} #J-slide .slide a.fadeTxt:hover b.btn{background: rgba(230,230,230,1);color:rgba(51,51,51,1);-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;} @-webkit-keyframes fadeInDown { from {opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);} to { opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);} } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInDown {-webkit-animation: fadeInDown 2s ease 0.5s 1 both;animation: fadeInDown 2s ease 0.5s 1 both;} @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInUp {-webkit-animation: fadeInUp 2s ease 0.5s 1 both;animation: fadeInUp 2s ease 0.5s 1 both;} @-webkit-keyframes fadeX { from { opacity: 0; -webkit-transform:scaleX(0.2) rotateY(-90deg); transform:scaleX(0.2) rotateY(-90deg); } to { opacity: 1; -webkit-transform:scaleX(1) rotateY(0deg); transform:scaleX(1) rotateY(0deg); } } @keyframes fadeX { from { opacity: 0; -webkit-transform:scaleX(0.2) rotateY(-90deg); transform:scaleX(0.2) rotateY(-90deg); } to { opacity: 1; -webkit-transform:scaleX(1) rotateY(0deg); transform: scaleX(1) rotateY(0deg); } } .fadeX {-webkit-animation: fadeX .5s ease 0.1s 1 both;animation: fadeX .5s ease 0.1s 1 both;} .mod1{width:100%;background: #000;} .mod1 ul{width:1200px;margin:0 auto;overflow: hidden;height:100px;} .mod1 ul li{width:234px;font-size:14px;color:#fff;margin:25px auto;padding:0 25px;float: left;border-right:1px solid #fff;} .mod1 ul li.li-2{width:248px;} .mod1 ul li.li-4{width:220px;} .mod1 ul li strong{color:#ae764d;font-size:16px;margin-right:5px;} .mod1 ul li.li-5{border-right:none;} .mod1 ul li.li-1 i{background: url(/images/index/d-2.png) no-repeat;width:36px;height:36px;display:block;float: left;margin-right:15px;margin-top:2px;} .mod1 ul li.li-2 i{background: url(/images/index/d-3.png) no-repeat;width:45px;height:31px;display:block;float: left;margin-right:10px;margin-top:5px;} .mod1 ul li.li-3 i{background: url(/images/index/d-4.png) no-repeat;width:40px;height:36px;display:block;float: left;margin-right:15px;margin-top:5px;} .mod1 ul li.li-4 i{background: url(/images/index/d-5.png) no-repeat;width:50px;height:36px;display:block;float: left;margin-right:15px;margin-top:5px;} .mod1 ul li.li-5 i{background: url(/images/index/d-6.png) no-repeat;width:36px;height:36px;display:block;float: left;margin-right:15px;margin-top:5px;} .mod2{width:1200px;height:860px;margin:0 auto;} .mod2 h3,.category .category-hd h2{text-align: center;width:252px;height:60px;line-height:60px;background: url(/images/index/e-1.png) left bottom no-repeat;margin: 50px auto 22px;color:#1b1a1a;font-size:24px;font-weight: normal;} .mod2 .btn{width:738px;height:40px;margin:0 auto;} .mod2 .btn a{width:108px;height:38px;line-height: 38px;box-sizing:border-box;text-align: center;color:#1d1c1c;border:1px solid #1d1c1c;display: block;float: left;margin-right:15px;} .mod2 .btn a:hover{background: #1d1c1c;color:#fff;-webkit-transition:all 800ms ease-in-out;-moz-transition:all 800ms ease-in-out;-ms-transition:all 800ms ease-in-out;-o-transition:all 800ms ease-in-out;transition:all 800ms ease-in-out; } .mod2 .btn a.on{background: #1d1c1c;color:#fff;} .mod2 .u-pic-box{width:1200px;margin:35px auto 0;height:475px;} .mod2 .u-pic{width:1200px;height:475px;display:none;} .mod2 .u-pic ul{overflow: hidden;} .mod2 .u-pic li{width:285px;margin-right:10px;margin-bottom:30px;float: left;position: relative;} .mod2 .u-pic li:last-child{margin-right:0;} .mod2 .u-pic .img{width:285px;height:193px;overflow:hidden;display: block;} .mod2 .u-pic .img img{width:285px;height:193px;display: block;} .mod2 .u-pic p{text-align: center;margin-top:5px;} .mod2 .u-pic p b{font-weight:normal;color:#595959;} .mod2 .u-pic p.p-1{text-align: left;color:#1f1e1e;font-size:12px;} .mod2 .u-pic a{display: block;overflow: hidden;} .mod2 .u-pic .u-img-bg{position: absolute;top:0;left:0;z-index:1;width:285px;height:193px;background:rgba(0,0,0,.5);} .mod2 .u-pic .u-img{position: absolute;top:0;left:0;z-index:2;width:285px;height:193px;text-align: center;} .mod2 .u-pic .u-top{width:100%;text-align: center; } .mod2 .u-pic .u-top h4{margin-top:70px;font-size:27px;font-weight:normal;} .mod2 .u-pic .u-top p{margin-bottom:80px;margin-top:5px;font-size:14px;} .mod2 .u-pic .u-bot{display: none;background: rgba(0,0,0,0.8);width:285px;height:193px;} .mod2 .u-pic a:hover .u-bot{display: block;} .mod2 .u-pic a:hover .u-img-bg,.mod2 .u-pic a:hover .u-top{display: none;} .mod2 .u-pic .u-top .u-txt,.mod2 .u-pic .u-bot .u-txt{color:#fff;} .mod2 .u-pic .u-bot h4{margin-top:30px;font-size:18px;} .mod2 .u-pic .u-bot i.i-line{ width:37px; height:1px; margin:16px auto 26px; background:#fff; display:block; } .mod2 .u-pic .u-bot p{font-size:10px;} .mod2 .u-pic .u-bot .btn{width:106px;height:26px;display:block;border:1px solid #fff;line-height: 26px;text-align: center;color:#fff;margin:30px auto 0;} .mod2 .u-pic .u-bot .btn:hover{background: rgba(230,230,230,1);color:rgba(51,51,51,1);-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;} .mod2 .more,.mod3 .more{width:260px;height:60px;text-align: center;line-height: 60px;margin:40px auto 0;border:1px solid #000;color:#000;cursor: pointer;display: block;} .mod2 .more:hover,.mod3 .more:hover{width:260px;height:60px;text-align: center;line-height: 60px;margin:40px auto 0;background: #000;color:#fff;cursor: pointer;display: block;-webkit-transition:all 800ms ease-in-out;-moz-transition:all 800ms ease-in-out;-ms-transition:all 800ms ease-in-out;-o-transition:all 800ms ease-in-out;} .mod4 h3{text-align: center;width:252px;height:60px;line-height:60px;background: url(/images/index/e-1.png) left bottom no-repeat;margin: 50px auto 22px;color:#1b1a1a;font-size:24px;font-weight: normal;} /* jzzc */ .jzzc{ width:1196px; height:752px;} #jzzc_con{position:relative;z-index:2;width:1196px;height:540px;margin:20px auto 0;transform-style:preserve-3d;perspective:800px} #jzzc_con a{position:absolute;left:50%;top:50%;width:758px;height:500px;margin-left:-280px;margin-top:-133px;transition:transform .5s ease-in-out;cursor:pointer;display:block;outline:1px solid transparent;} #jzzc_con a span{position:absolute;left:0;top:0;z-index:2;width:758px;height:330px;background:rgba(0,0,0,.5);display:block;} #jzzc_con a b{ position:absolute; left:50%; top:50%; z-index:4; width:160px; height:42px; line-height:42px; text-align:center; margin:-62px 0 0 -80px; border:1px solid #fff; color:#fff; font-size:16px; font-weight:normal; display:none;} #jzzc_con a.on span{ display:none; } #jzzc_con a.on:hover span{height:430px;display:block;} #jzzc_con a.on:hover b{display:block;} #jzzc_con a b:hover{ background:#fff; color:#333; } #jzzc_con a img{width:758px;height:330px;} #jzzc_con a.on{margin-left:-379px;} #jzzc_con a.on img{width:758px;height:500px;} #jzzc_con_min_img{width:1196px;margin-top:20px;height:160px;padding:10px 0;} #jzzc_con_min_img ul{position:relative;width:1196px;height:160px;} #jzzc_con_min_img ul li{cursor:pointer;overflow:hidden;float:left;width:186px;height:132px;margin-right:16px;border:1px solid #7d7d7d;} #jzzc_con_min_img ul li.on{border:1px solid #282828;} #jzzc_con_min_img ul li img{transition: all 0.6s;} #jzzc_con_min_img ul li:hover img{transform: scale(1.2); } #jzzc_con_min_img ul a{ width:186px; height:132px; line-height:132px; text-align:center; color:#282828; border:1px solid #7d7d7d; font-size:24px; float:left; display:block;} #jzzc_con_min_img ul a:hover{ background:#7d7d7d; color:#fff; -webkit-transition:all 500ms ease-in-out;-moz-transition:all 500ms ease-in-out;-ms-transition:all 500ms ease-in-out;-o-transition:all 500ms ease-in-out; } .jobs-parallax-header {height:940px;background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%), url(/images/index/full.jpg) fixed #e5e5e5; padding: 20px 0;text-align: center;width: 100%;background-size: cover;background-position: center center;} .ul-iframe{margin:50px auto 0;width:1194px;height:652px;} .ul-iframe iframe{width:100%;height:100%;} .scenery_item{width: 192px;height: 126px;position: relative;float: left;overflow:hidden;} .scenery_list{width: 1194px;margin:20px auto 0px;} .jobs-parallax-header .scenery_item img{width: 100%;height: 100%;margin-top: 0px; transition: all 0.6s; display:block;} .jobs-parallax-header .scenery_item:hover img{transform: scale(1.2); } .scenery_item .card-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.5);opacity: 0;transition: all .5s;} .scenery_item:hover>.card-overlay,.scenery_item:hover>.card-overlay>.overlay-label,.scenery_list div.on>.card-overlay,.scenery_list div.on>.card-overlay>.overlay-label {opacity: 1;} .scenery_item .overlay-label {margin: 44px auto 0;padding: 10px 0;width: 172px;height: 34px;color: #fff;font-size: 14px;font-weight: 400;text-align: center;position: relative;overflow: hidden;opacity: 0;} .line-up-box1 {overflow: hidden;width: 50%;position: absolute;top: 0;left: 0;} .overlay-label .line-up-box1 .line {border-top: 1px solid #fff;transition: all .5s;} .overlay-label .line-up-box2 {overflow: hidden;width: 50%;position: absolute;top: 0;right: 0;} .overlay-label .line-bot-box1 {overflow: hidden;width: 50%;position: absolute;bottom: 0;left: 0;} .line-bot-box1 .line {border-top: 1px solid #fff;transition: all .5s;} .overlay-label .line-bot-box2 {overflow: hidden;width: 50%;position: absolute;bottom: 0;right: 0;} .overlay-label .line-up-box2 .line {border-top: 1px solid #fff;transition: all .5s;} .overlay-label .line-bot-box2 .line {border-top: 1px solid #fff;transition: all .5s;} .scenery_item:hover .card-overlay,.scenery_list div.on .card-overlay{opacity: 1;} .scenery_item:hover .line-up-box1 .line,.scenery_list div.on .line-up-box1 .line {margin-left: 80px;} .scenery_item:hover .line-up-box2 .line,.scenery_list div.on .line-up-box2 .line {margin-right: 80px;} .scenery_item:hover .line-bot-box2 .line,.scenery_list div.on .line-bot-box2 .line {margin-right: 80px;} .scenery_item:hover .line-bot-box1 .line,.scenery_list div.on .line-bot-box1 .line {margin-left: 80px;} .scenery_item_more{color:#fff;font-size: 21px;line-height: 126px;text-align: center;width: 192px;height: 126px;position: relative;float: left;overflow:hidden;} .scenery_item_more a{ width:100%; height:100%; color:#fff; background: #1b1b1b; display:block; } .scenery_item_more a:hover{ color:#1b1b1b; background: #fff; display:block; -webkit-transition:all 500ms ease-in-out;-moz-transition:all 500ms ease-in-out;-ms-transition:all 500ms ease-in-out;-o-transition:all 500ms ease-in-out; } /* new designer css*/ .block_03{ background:#F7F7F7; z-index:9;width:1200px;margin:10px auto;} .block_03 table{-width: 100%;margin-top: 10px;line-height: 0;border-collapse:separate; border-spacing:10px;table-layout:fixed;} .block_03 table td{vertical-align: top;padding: 0;position: relative;overflow: hidden;} .block_03 table div.jzg-pic{width: 100%;} .block_03 table .l{display: table-cell;} .block_03 table .l a{position: absolute;width: 100%;height: 100%!important;display: block;} .block_03 table .l .jzg-pic{position: absolute;width:100%;height: 385px!important;} .block_03 table .s .jzg-pic{position: absolute;height: 100%!important;;} .block_03 table .s .jzg-pic img{height: 100%;} .des_info{position: absolute;margin-top: 25%;left: 6%;color:#fff;display:none;} .block_03 table .l:hover .des_info{display: block;color: #fff;} .block_03 table .l:hover .des_info a{color: #fff;} .des_info h3{font-size: 30px;font-weight: 600;height: 32px;} .block_03 table img{width: 100%;} .block_03 table .jzg-t{position: absolute;background:rgba(0,0,0,0.2);bottom: 0;width: 600px;height:100%;background: url(/images/tm_50.png) repeat;line-height: 1.5;color: #fff;} .block_03 table .jzg-t b{color: #fff;} .block_03 table .jzg-t p{position: relative;z-index: 10;} .block_03 table .l .jzg-t{bottom:0;padding: 10px 5%;height: 130px;background:rgba(0,0,0,0.2);box-sizing:border-box;} .block_03 table .l .jzg-t a:hover{color: #fff;} .block_03 table .l .jzg-t p{margin:5px 3%;width: 80%;} .block_03 table .jzg-tt{position: absolute;background:rgba(0,0,0,0.2);top: 45%;left: 0%;line-height: 1.6;width: 100%;color: #fff;display: none;} .block_03 table .jzg-tt a{color: #fff;} .block_03 table .s .jzg-t{background:rgba(0,0,0,0.2);} .block_03 table .s .jzg-tt{background:rgba(0,0,0,0.2);display: block;top: 10%;top:20%\9;left:12%\9;margin-top: 10%\9;} .block_03 table .jzg-tt h3{font-weight: normal;text-align: center;font-size: 24px;} .block_03 table .jzg-tt p{position: relative;line-height: 1.4em;height: 4.2em;overflow: hidden;font-size: 13px;margin: 5px auto;} .block_03 table .jzg-tt p:after{-content: '...';font-weight: bold;position: absolute;bottom: 0;right: 0;} .block_03 table td:hover .jzg-t{color:#fff;} .block_03 table td:hover .jzg-tt{display: block;} .block_03 table .s h3{font-size: 30px;text-align: left;margin-top: -10px;margin-left: 120px;} .block_03 table .s h3 span{font-size: 1.2em} .block_03 table .s {font-size: 16px;} .block_03 table .s a{width:100px;padding: 1% 5%;border:1px solid #98958e;margin-top: 4%;display: inline-block;font-size: 14px;} .block_03 table .s .jzg-tt{color:#696969;font-weight:bold;display: block;top: 10%;top:20%\9;left:12%\9;margin-top: 10%\9;} .block_03 table .s .jzg-tt .viewmore{display: block;text-align: center;padding: 0!important;width:195px;margin-top:50px;} .block_03 table .s .jzg-tt .viewmore a{ color:#696969;font-weight:bold;font-size: 16px;} .sel_line .category { -height: 756px; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%), url(/images/index/bag.png) fixed #e5e5e5; /*background:url(/images/index/bag.png) center top #e5e5e5;*/ padding: 0px 0 20px; text-align: center; width: 100%; background-size: cover; background-position: center center; } .sel_line .category h2 { color: #fff; font-weight: lighter; letter-spacing: 3px } .sel_line .category h2:after { position: absolute; bottom: -19px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); content: ""; display: block; width: 30px; height: 2px; background-color: #fff } .sel_line .category .card-bd { height: 65px } .sel_line .category .card-ft { padding: 8px 0 } .sel_line .category .card-ft .card-ft__price { top: 0; font-size: 14px } .sel_line .line_wrap { width: 944px; margin: -32px auto 0; height: 360px; } .sel_line .line_wrap .bd li{width:280px; margin:0 17px; float:left;} .index_sjs_cinfo{width:280px; float:left; } .sel_line .line_wrap .hd{height:0;position:relative;} .sel_line .line_wrap .hd ul{height:0;display:none;} .sel_line .line_wrap .hd a.next,.sel_line .line_wrap .hd a.prev{width:30px;height:30px;outline:none;position:absolute; top:-230px;display:block; -moz-user-select: none; /*火狐*/ -webkit-user-select: none; /*webkit浏览器*/ -ms-user-select: none; /*IE10*/ -khtml-user-select: none; /*早期浏览器*/ user-select: none; } .sel_line .line_wrap .hd a.next{ right:-60px;} .sel_line .line_wrap .hd a.prev{ left:-60px;} .sel_line .line_wrap .home-line-slide { height: 100% } .sel_line .line_wrap .home-line-slide .flex-nav-prev { text-align: right } .sel_line .line_wrap .home-line-slide .flex-nav-prev a { background: none } .sel_line .line_wrap .home-line-slide .flex-direction-nav a { top: 43% } .sel_line .line_wrap .home-line-slide .flex-nav-next a { background: none } .sel_line .line_wrap .home-line-slide .slides li { height: 346px } .sel_line .line_wrap .home-line-slide .card { padding-top: 10px; box-shadow: -4px 0 20px 0 rgba(0,0,0,.1) } .sel_line .line_wrap .home-line-slide .card .card-hd { margin: 0 10px 10px } /* .sel_line .line_wrap .home-line-slide .card .card-hd img { height: 200px } */ .sel_line .line_wrap .home-line-slide .card-bd__desc { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 30px; line-height: 30px; margin-top: 0; text-align:left; } .sel_line .line-btn { width: 160px; height: 40px; text-align: center; line-height: 40px; display: inline-block; background: #f23d46; color: #fff; border-radius: 2px; border: none; margin: 30px auto 335px } .service_main{width:100%;max-width: 1205px;margin:50px auto 4px;overflow: hidden;} .service_main h3{text-align: center;width:252px;height:60px;line-height:60px;background: url(/images/index/e-1.png) left bottom no-repeat;margin: 0 auto 22px;font-size:24px; color:#1b1a1a;font-weight: normal;} .service_item{width: 123px;height: 150px;border:1px solid #e5e5e5;float: left;} .service_item .item_top{background: url(/images/index/icon_01.png) no-repeat;width:55px;height:50px;margin:0 auto;} .service_item .item_top.item_top1{background: url(/images/index/icon_03.png) no-repeat;} .service_item .item_top.item_top2{background: url(/images/index/icon_05.png) no-repeat;} .service_item .item_top.item_top3{background: url(/images/index/icon_07.png) no-repeat;} .service_item .item_top.item_top4{background: url(/images/index/icon_09.png) no-repeat;} .service_item .item_top.item_top5{background: url(/images/index/icon_11.png) no-repeat;} .service_item .item_top.item_top6{background: url(/images/index/icon_13.png) no-repeat;} .service_item .item_top.item_top7{background: url(/images/index/icon_15.png) no-repeat;} .service_item .item_top.item_top8{background: url(/images/index/icon_17.png) no-repeat;} .service_item .item_bottom{color:#545353;padding-top: 10px;} .service_item .item_bottom p{text-align:center;} .service_item .item_top{text-align: center;} .service_item .item_top img{margin:0 auto;} .service_item:hover .item_top{background: url(/images/index/icon_hover_01.png) no-repeat;} .service_item:hover{background: #313131;cursor: pointer;} .service_item:hover .item_bottom{color:#fff;} .service_item:hover .item_top1{background: url(/images/index/icon_hover_03.png) no-repeat;} .service_item:hover .item_top2{background: url(/images/index/icon_hover_05.png) no-repeat;} .service_item:hover .item_top3{background: url(/images/index/icon_hover_07.png) no-repeat;} .service_item:hover .item_top4{background: url(/images/index/icon_hover_09.png) no-repeat;} .service_item:hover .item_top5{background: url(/images/index/icon_hover_11.png) no-repeat;} .service_item:hover .item_top6{background: url(/images/index/icon_hover_13.png) no-repeat;} .service_item:hover .item_top7{background: url(/images/index/icon_hover_15.png) no-repeat;} .service_item:hover .item_top8{background: url(/images/index/icon_hover_17.png) no-repeat;} .Introduced_item{word-wrap: break-word;padding: 0px;border-color: transparent;border-width: 0px;height: 380px;background-color: #fff;width: 380px;border-style: solid;} .Introduced-main{background: #eeeeee;padding:50px 0px 70px;overflow: hidden;} .Introduced-main h3{text-align: center;width:252px;height:60px;line-height:60px;background: url(/images/index/e-1.png) left bottom no-repeat;margin: 0 auto 22px;color:#1b1a1a;font-size:24px;font-weight: normal;} .Introduced_list{ margin:0 auto; width:1205px; height:380px; } .Introduced_list .Introduced_item{float: left;} .Introduced_list .Introduced_img{position:relative;width: 380px; transform: rotateZ(0deg) scale(1); height: 160px;display: block;overflow: hidden;position: relative;} .Introduced_list .Introduced_img .img-top{width: 100%;display:block; } .Introduced_img .img-1 img{position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);} .Introduced_img .img-1{opacity:0;position:absolute;top:0;left:0;width: 380px;height: 160px;background-color:rgba(0,0,0,0.46);} .Introduced_img:hover .img-1{opacity: 1;-webkit-transition:all 800ms ease-in-out;-moz-transition:all 800ms ease-in-out;-ms-transition:all 800ms ease-in-out;-o-transition:all 800ms ease-in-out;transition:all 800ms ease-in-out;} .Introduced_des{padding:15px 25px 0px;} .Introduced_des a{font-size: 12px;color:#111111;border-bottom: 1px dashed #aaaaaa;padding-top:10px;padding-bottom: 10px;margin-bottom: 10px;display:block;} .Introduced_des a span.title{color:#b88f70;margin-right: 10px;} .Introduced_des a span.time{float: right;} .Introduced_des a:hover{color:#b88f70;} .Introduced_list .Introduced_img{ transition: all 0.6s;} .Introduced_list .Introduced_img:hover{transform: scale(1.1);} .Introduced_list .border-img{height:60px;padding-top:14px;text-align: center;overflow:hidden;} .Introduced_list .border-img a{width:30px; height:30px; margin:0 auto; display:block;} .Introduced_list .border-img a img{margin:0 auto; -webkit-transition: 0.6s; -moz-transition: 0.6s; -o-transition: 0.6s; -ms-transition: 0.6s; transition: 0.6s; } .Introduced_list .border-img a:hover img{ -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -o-transform: rotateY(360deg); -ms-transform: rotateY(360deg); transform: rotateY(360deg);} .index_footer{padding:36px 0px 70px;background: #1b1b1b;} .index_footer .footer_main{max-width: 1205px;width: 100%;margin:0 auto;} .index_footer .footer_main ul{text-align: center;margin-bottom: 35px;} .index_footer .footer_main li{color:#bcbcbc;font-size: 16px;display: inline-block;text-align: center;} .index_footer .footer_main li a{color:#bcbcbc;font-size: 16px;} .index_footer .number-item{font-size: 14px;color:#b1b1b1;display: inline-block;text-align: center;margin-right: 15px;} .index_footer .number-list{text-align: center;margin-bottom: 35px;} .index_footer .wx_logo .logo{display: inline-block;text-align: center;margin-right: 20px;} .index_footer .wx_logo{text-align: center;} .index_footer .wx_logo .logo p{font-size: 13px;color: #fff;margin-top: 20px;} .tit-p{ font-size:16px; color:#4f4f4f; letter-spacing:4px; } /*字体样式*/ .font10 {font-size:10px;} .font12 {font-size:12px;} .font14 {font-size:14px;} .font16 {font-size:16px;} .font18 {font-size:18px;} .font20 {font-size:20px;} .font22 {font-size:22px;} .font24 {font-size:24px;} .font26 {font-size:26px;} .font28 {font-size:28px;} .font30 {font-size:30px;} .font32 {font-size:32px;} .font34 {font-size:34px;} .font36 {font-size:36px;} .font48 {font-size:48px;} .font55 {font-size:55px;} .font80 {font-size:80px;} /*颜色*/ .grey333 {color: #333} .grey999 {color: #999} .grey666 {color: #666} .red {color: #ff3000} .red_1 {color: #ca121a} .white {color: #fff} .black{color:#000} .orange1{color: #ff753f;} /*间距*/ .mod2 .u-pic li.mr0{margin-right:0;} .mg5 {margin: 5px} .mt5 {margin-top: 5px;} .mr5 {margin-right: 5px;} .mb5 {margin-bottom: 5px;} .ml5 {margin-left: 5px;} .mr8 {margin-right: 8px;} .mg10 {margin: 10px} .mt10 {margin-top: 10px;} .mr10 {margin-right: 10px;} .mb10 {margin-bottom: 10px;} .ml10 {margin-left: 10px;} .mg15 {margin: 15px} .mt15 {margin-top: 15px;} .mr15 {margin-right: 15px;} .mb15 {margin-bottom: 15px;} .ml15 {margin-left: 15px;} .mg20 {margin: 20px} .mt20 {margin-top: 20px;} .mr20 {margin-right: 20px;} .mb20 {margin-bottom: 20px;} .ml20 {margin-left: 20px;} .mg30 {margin: 30px} .mt30 {margin-top: 30px;} .mr30 {margin-right: 30px;} .mb30 {margin-bottom: 30px;} .mb50 {margin-bottom: 50px;} .ml30 {margin-left: 30px;} .ml40 {margin-left: 40px;} .ml50 {margin-left: 50px;} .ml60 {margin-left: 60px;} .ml70 {margin-left: 70px;} .ml110 {margin-left: 110px;} .mt50{margin-top:50px;} .mt40{margin-top:40px;} .pd5 {padding: 5px} .pt5 {padding-top: 5px;} .pr5 {padding-right: 5px;} .pb5 {padding-bottom: 5px;} .pl5 {padding-left: 5px;} .pd10 {padding: 10px} .pt10 {padding-top: 10px;} .pr10 {padding-right: 10px;} .pb10 {padding-bottom: 10px;} .pd18{padding-bottom: 18px;} .pl10 {padding-left: 10px;} .pd15 {padding: 15px} .pt15 {padding-top: 15px;} .pr15 {padding-right: 15px;} .pb15 {padding-bottom: 15px;} .pl15 {padding-left: 15px;} .pd20 {padding: 20px} .pt20 {padding-top: 20px;} .pr20 {padding-right: 20px;} .pb20 {padding-bottom: 20px;} .pl20 {padding-left: 20px;} .pd30 {padding: 30px} .pt30 {padding-top: 30px;} .pr30 {padding-right: 30px;} .pb30 {padding-bottom: 30px;} .pl30 {padding-left: 30px;} /* function */ .f-cb:after,.f-cbli li:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0;content:".";} .f-cb,.f-cbli li{zoom:1;} .f-ib{display:inline-block;*display:inline;*zoom:1;} .f-dn{display:none;} .f-db{display:block;} .f-dib{display:inline-block;} .f-fl{float:left;} .f-fr{float:right;} .f-pr{position:relative;} .f-prz{position:relative;zoom:1;} .f-pa{position:absolute;} .f-oh{overflow:hidden;} .f-fwn{font-weight:normal;} .f-fwb{font-weight:bold;} .f-tal{text-align:left;} .f-tac{text-align:center;} .f-tar{text-align:right;} /* include designer css */ @charset "UTF-8"; .row { position: relative; margin-left: -15px; margin-right: -15px } .row:after,.row:before { content: " "; display: table } .row:after { clear: both } .row .row-center { width: 830px; margin: 0 auto } .row .copy { font-size: 12px; margin-left: 87px } .footer-row { margin-left: 70px } .col-1 { width: 8.33333% } .col-2 { width: 16.66667% } .col-3 { width: 25% } .col-4 { width: 33.33333% } .col-5 { width: 41.66667% } .col-6 { width: 50% } .col-7 { width: 58.33333% } .col-8 { width: 66.66667% } .col-9 { width: 75% } .col-10 { width: 83.33333% } .col-11 { width: 91.66667% } .col-12 { width: 100% } .col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12 { position: relative; min-height: 1px; float: left; padding-left: 15px; padding-right: 15px } *,:after,:before { -box-sizing: border-box } .flexslider .slides li { background-repeat: no-repeat; background-size: cover; background-position: 50%; height: 560px; position: relative } .pull-left { float: left!important } .pull-right { float: right!important } .card { background-color: #fff } .card img { width: 100%; height: auto; transition: all .5s } .card .tip { position: absolute; width: 100%; bottom: 45px } .card .card-hd { position: relative; height: 260px; overflow: hidden } .card .card-hd h4 { margin: 0 } .card .card-hd>.card-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.66); opacity: 0; transition: all .5s } .card .card-hd>.card-overlay>.overlay-label { margin: 122px auto 0; padding: 10px 0; width: 81px; height: 34px; color: #fff; font-size: 14px; font-weight: 400; text-align: center; position: relative; overflow: hidden; opacity: 0 } .card .card-hd>.card-overlay>.overlay-label .line-up-box1 { overflow: hidden; width: 50%; position: absolute; top: 0; left: 0 } .card .card-hd>.card-overlay>.overlay-label .line-up-box1 .line { border-top: 1px solid #fff; transition: all .5s } .card .card-hd>.card-overlay>.overlay-label .line-up-box2 { overflow: hidden; width: 50%; position: absolute; top: 0; right: 0 } .card .card-hd>.card-overlay>.overlay-label .line-up-box2 .line { border-top: 1px solid #fff; transition: all .5s } .card .card-hd>.card-overlay>.overlay-label .line-bot-box1 { overflow: hidden; width: 50%; position: absolute; bottom: 0; left: 0 } .card .card-hd>.card-overlay>.overlay-label .line-bot-box1 .line { border-top: 1px solid #fff; transition: all .5s } .card .card-hd>.card-overlay>.overlay-label .line-bot-box2 { overflow: hidden; width: 50%; position: absolute; bottom: 0; right: 0 } .card .card-hd>.card-overlay>.overlay-label .line-bot-box2 .line { border-top: 1px solid #fff; transition: all .5s } .card .card-hd:hover>.card-overlay,.card .card-hd:hover>.card-overlay>.overlay-label { opacity: 1 } .card .card-hd:hover img { -webkit-transform: scale(1.07); -ms-transform: scale(1.07); transform: scale(1.07) } .card .card-hd:hover .line-bot-box1 .line { margin-left: 38px } .card .card-hd:hover .line-bot-box2 .line { margin-right: 38px } .card .card-hd:hover .line-up-box1 .line { margin-left: 38px } .card .card-hd:hover .line-up-box2 .line { margin-right: 38px } .card .card-bd { padding-left: 16px; height: 76px } .card .card-bd__desc { color: #999; font-size: 12px } .card .card-ft { margin-left: 16px; padding: 13px 0; border-top: 1px solid #e6e6e6 } .card .card-ft .card-ft__price { color: #f23d46; font-size: 14px; letter-spacing: 1.6px; position: relative; top: -4px } .card-mini { height: 225px; position: relative; padding: 50px 40px } .card-mini:after,.card-mini:before { content: " "; display: table } .card-mini:after { clear: both } .card-mini .card-bd,.card-mini .card-hd { float: left } .card-mini .avatar { margin-right: 30px; width: 100px; height: 100px; border-radius: 50%; overflow: hidden } .card-mini .card-bd { padding: 0 } .card-mini .card-bd__title { color: #333 } .card-mini .card-bd__desc { font-size: 14px; color: #4d4d4d } .card-mini .card-overlay { position: absolute; top: 0; left: 0; padding-top: 64px; width: 100%; height: 100%; background-color: hsla(0,0%,100%,.9); text-align: center } .card-mini .card-overlay>h3 { margin: 0; font-size: 20px; line-height: 2 } .card-id { padding-top: 80px; padding-left: 50px; height: 280px; border: 1px solid gray } .card-id:after,.card-id:before { content: " "; display: table } .card-id:after { clear: both } .card-id .card-hd { margin-right: 10px } .card-id .card-bd,.card-id .card-hd { float: left } .card-id .card-bd { padding: 0 } .card-id .id-info { float: left; margin-left: 42px; width: 165px } .card-bd__title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 24px; line-height: 24px; font-size: 18px; margin-bottom: 0; text-align:left; color:#0d0d0d; } .card-bd__title span{ padding-left:9px; color:#202020; font-size:14px; } .category { padding-top: 0px; padding-bottom: 60px; background-color: #fff } .category.bg-gray { background-color: #f4f7fa } .category.no-bg { background-color: transparent; } .category .category-hd { position: relative; -margin-bottom: 50px; text-align: center; overflow: hidden; } .category .category-hd h2 { font-size: 24px!important; font-weight: 400!important; background:url(/images/index/e-2.png) left bottom no-repeat; } .icon-exit { font-weight: 200 } .icon-shouhoubaozhang { font-size: 36px!important } .custom { padding-top: 60px; padding-bottom: 60px; background: url(/img/custom-bg.png) no-repeat top; background-color: #fff } /*# sourceMappingURL=main.css.map */ /* FILE ARCHIVED ON 22:07:43 Oct 09, 2018 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 21:20:20 Jul 13, 2024. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 0.735 exclusion.robots: 0.075 exclusion.robots.policy: 0.037 esindex: 0.01 cdx.remote: 56.942 LoadShardBlock: 289.288 (3) PetaboxLoader3.datanode: 177.269 (4) PetaboxLoader3.resolve: 145.619 (2) load_resource: 239.556 */