/* header*/ #header { width: 100%; min-width: 1230px; max-width: 1920px; height: 80px; margin: auto; position: fixed; left: 0; right: 0; top: 0; z-index: 9999; transition-duration: 0.5s; } #header .navWrap:after { content: ""; position: absolute; bottom: 0; left: 0; width: 0; height: 3px; background-color: #c69d71; transition: all 0.3s; } #header .logo { float: left; margin: 24px 0 0 80px; width: 164px; height: 36px; background-image: url(../images/logo_white.png); transition-duration: 0.5s; } #header .ri { float: right; margin-right: 80px; } #header .nav { float: left; } #header .nav a { float: left; line-height: 75px; margin-left: 34px; color: #fff; transition: all 0.5s; } #header .nav a:hover { color: #ec0101 !important; } /* #header .nav a:last-child { padding-right: 16px; background: url(../images/ico1_on.png) no-repeat right center; transition: 0.5s; } */ /* .head-foll #header .nav a:last-child, #header.on .nav a:last-child, .cas #header .nav a:last-child { background-image: url(../images/ico1.png); } */ #header a[href="javascript:;"], #header a[href="javascript:void(0);"] { cursor: default; } #header .nav a.on { color: #ec0101 !important; } #header .navWrap { float: left; height: 80px; } #header .navWrap .subNav { position: absolute; right: 0; top: 80px; } #header .navWrap .subNav .dl { display: none; height: 50px; padding-left: 20px; background-color: rgba(0, 0, 0, 0.4); } #header .navWrap .subNav .dl.d1 { display: none !important; } #header .navWrap .subNav .dd a:hover { color: #e3403d; } #header .navWrap .subNav .dd a { float: left; line-height: 50px; margin-right: 20px; color: rgba(255, 255, 255, 0.8); transition: all 0.4s; } #header .nav-dd { display: none; height: 56px; background: rgba(0, 0, 0, 0.5); overflow: hidden; position: absolute; left: 0; right: 0; top: 80px; } #header .nav-dd > div { display: none; width: 1920px; position: absolute; top: 0; } #header .nav-dd a.on { color: #c69d71; } #header .nav-dd a { float: left; line-height: 56px; color: #fff; margin-right: 24px; transition: all 0.5s; } #header .nav-dd a:hover { color: #c69d71; } #header .search { float: right; height: 80px; position: relative; } #header .ri-off { float: left; line-height: 75px; margin-left: 40px; color: #fff; background: url(../images/head_ball.png) no-repeat center left; padding-left: 30px; transition: all 0.5s; } #header .ri-off:hover { color: #ec0101; background-image: url(../images/head_ball_on.png); } #header .search:hover .posCont { display: block; } #header .search .posCont { display: none; width: 230px; height: 50px; background-color: #fff; border: 5px solid #e3403d; position: absolute; right: 20px; top: 64px; } #header .search .posCont input { width: 190px; line-height: 50px; padding: 0 20px; } .cas #header .nav a { color: #666; } .cas #header .ri-off { color: #666; background-image: url(../images/head_ball_on.png); } .cas #header .logo { background-image: url(../images/logo.png); } .head-foll { padding-top: 80px; } .head-foll #luxy { padding-bottom: 80px; } .head-foll #header, #header.on { background-color: #fff; } .head-foll #header .logo, #header.on .logo { background-image: url(../images/logo.png); } .head-foll #header .nav a, #header.on .nav a { color: #666; } .head-foll #header .nav a.on, #header.on .nav a.on { color: #ec0101; } .head-foll #header .ri-off, #header.on .ri-off { color: #666; background-image: url(../images/head_ball_on.png); } .head-foll #header .navWrap:after, #header.on .navWrap:after { width: 100%; transition-duration: 2s; } .paTop { padding-top: 80px; } .paTop #header { background-color: #fff !important; } .paTop #header { background-color: #fff; } .paTop #header .logo { background-image: url(../images/logo.png); } .paTop #header .nav a { color: #666; } .paTop #header .nav a.on { color: #ec0101; } .paTop #header .ri-img { background: url(../images/head-ri-ic.png); } .paTop #header .navWrap:after { width: 100%; transition-duration: 2s; } /*.inTn#header{background-color: #fff;}*/ .inTn#header .logo { background-image: url(../images/logo.png) !important; } .inTn#header .nav a { color: #666 !important; } .inTn#header .nav a.on { color: #ec0101 !important; } .inTn#header .ri-img { background: url(../images/head-ri-ic.png) !important; } /* footer*/ #footer { background: #fff; border-top: 2px solid #e7e7e7; } #footer a { display: inline-block; } #footer .top { padding: 50px 0 20px; margin-bottom: 20px; border-bottom: 1px solid #6b6b6b; } #footer .top .L { float: left; padding-top: 6px; } #footer .top .R { float: right; } #footer .top .R .wts { float: right; margin-top: 28px; } #footer .top .R .wts a { float: left; width: 30px; height: 21px; background-image: url("../images/footer-ews.png"); background-repeat: no-repeat; margin-left: 10px; position: relative; } #footer .top .R .wx { background-position: 2px 0; } #footer .top .R .wts .wx .pos { display: none; width: 82px; max-width: none; box-shadow: 0 0 25px -4px rgba(0, 0, 0, 0.3); position: absolute; left: -32px; bottom: 33px; } #footer .top .R .wts .wx:hover .pos { display: block; } #footer .top .R .wb { background-position: -52px 0; cursor: pointer; } #footer .top .f-search { font-size: 0; line-height: 1; } #footer .top .f-search input { display: inline-block; width: 258px; height: 45px; border: 1px solid #a8a8a8; padding: 0 15px; color: #535353; vertical-align: middle; } #footer .top .f-search .btn { display: inline-block; margin-left: 8px; width: 45px; height: 45px; background: #d73131 url("../images/footer-search-btn-ic.png") no-repeat center; vertical-align: middle; cursor: pointer; transition: all 0.5s; } #footer .top .f-search .btn:hover { background: #d73131 url("../images/footer-search-btn-ic.png") no-repeat 20px center; } #footer .top .list { margin-top: 40px; font-size: 0; line-height: 1; } #footer .top .list a { margin-right: 15px; color: #535353; font-size: 14px; line-height: 1; transition: all 0.5s; } #footer .top .list a:hover { color: #e11515; } #footer .bom { padding-bottom: 20px; } #footer .bom a { color: #939393; font-size: 12px; margin-right: 8px; } /* banner*/ .banner { width: 100%; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; } .banner .bd { width: 100%; overflow: hidden; } .banner .bd ul { width: 100% !important; } .banner .bd li { width: 100% !important; height: 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .banner .bd li .img { height: 100%; background: no-repeat center; animation: slide_on1 4s linear forwards; } .banner .bd li .w1200 { width: 1200px; height: 100%; position: absolute; left: 0; right: 0; top: 0; margin: auto; } .banner .bd li .w1260 { width: 1260px; height: 100%; position: absolute; left: 0; right: 0; top: 0; margin: auto; } .banner .bd li .w1200 .ban_t, .banner .bd li .w1260 .ban_t { width: 100%; position: absolute; left: 0; top: 180px; } .banner .bd li .w1200 .ban_t2, .banner .bd li .w1260 .ban_t2 { left: 630px; top: 30%; } .banner .bd li .w1200 .ban_t3, .banner .bd li .w1260 .ban_t3 { left: 700px; top: 38%; } .banner .bd li.video_ban::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 101px; background: url(../images/ban/video_mask.png) no-repeat center; } .banner .bd li.video_ban .ban_video { height: 80px; position: absolute; left: 0; top: -120px; right: 0; bottom: 0; margin: auto; } .banner .bd li.video_ban .ban_video img { display: block; margin: 0 auto; } .banner .bd li.video_ban .ban_video .txt1 { font-size: 44px; color: #fff; text-align: center; margin-bottom: 18px; letter-spacing: 10px; line-height: 1; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .banner .bd li.video_ban .ban_video .txt2 { font-size: 22px; color: rgba(255, 255, 255, 0.6); text-align: center; text-transform: uppercase; font-family: "Rajdhani"; letter-spacing: 2px; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } @keyframes hearts { from { transform: scale(0.8); } to { transform: scale(1); } } @-webkit-keyframes hearts { from { -webkit-transform: scale(0.8); } to { -webkit-transform: scale(1); } } .banner .bd li .w1200 .ban_t3 .heart img, .banner .bd li .w1260 .ban_t3 .heart img { animation: hearts 0.8s infinite alternate; } .banner .bd li .w1200 .ban_t3 .heart, .banner .bd li .w1260 .ban_t3 .heart { position: absolute; bottom: 100%; left: 260px; } @keyframes light { from { transform: translateY(0); } to { transform: translateY(-20px); } } @-webkit-keyframes light { from { -webkit-transform: translateY(0); } to { -webkit-transform: translateY(-20px); } } .banner .bd li .w1200 .ban_t .txt1, .banner .bd li .w1260 .ban_t .txt1 { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .banner .bd li .w1200 .ban_t .txt2, .banner .bd li .w1260 .ban_t .txt2 { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .banner .bd li .w1200 .ban_t .txt3, .banner .bd li .w1260 .ban_t .txt3 { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-delay: 0.9s; animation-delay: 0.9s; } .banner .hd { width: 1200px; height: 0; margin: auto; position: absolute; left: 0; right: 0; bottom: 56px; z-index: 99; text-align: center; } .banner .hd ul li.on { width: 24px; background-color: #da251d; } .banner .hd ul li { display: inline-block; width: 8px; height: 8px; overflow: hidden; color: transparent; background-color: #fff; margin: 0 4px; transition: all 0.4s; cursor: pointer; } .banner .prev { width: 56px; height: 56px; border: 2px solid #fff; background: url(../images/prev.png) no-repeat -4px -2px; position: absolute; left: 100px; top: 50%; margin-top: -30px; transition: all 0.2s; cursor: pointer; } .banner .next { width: 56px; height: 56px; border: 2px solid #fff; background: url(../images/next.png) no-repeat -4px -2px; position: absolute; right: 100px; top: 50%; margin-top: -30px; transition: all 0.2s; cursor: pointer; } .banner .prev:hover { background-color: #ec0000; border-color: #ec0000; } .banner .next:hover { background-color: #ec0000; border-color: #ec0000; } @media screen and (max-width: 1360px) { #header .nav a { margin-left: 24px; } } @media screen and (max-width: 1280px) { .banner .bd li .w1260 { width: 1200px; height: 100%; position: absolute; left: 0; right: 0; top: 0; margin: auto; } } .banner .bomPos { height: 130px; text-align: center; position: absolute; left: 0; right: 0; bottom: 0; z-index: 99; background-color: rgba(0, 0, 0, 0.5); } .banner .bomPos .li { float: left; width: 25%; height: 130px; overflow: hidden; border-right: 1px solid rgba(255, 255, 255, 0.3); transition: all 0.5s; } .banner .bomPos .li.i1 { border-left: 1px solid rgba(255, 255, 255, 0.3); } .banner .bomPos .li:hover { background-color: rgba(211, 32, 32, 0.9); } .banner .bomPos .li .ic { float: left; width: 80px; height: 90px; margin: 40px 0 0 50px; transition: all 0.5s; } .banner .bomPos .li:hover .ic { margin-top: 30px; } .banner .bomPos .li .dd { float: left; width: 164px; height: 90px; margin-top: 54px; transition: all 0.5s; } .banner .bomPos .li:hover .dd { margin-top: 44px; } .banner .bomPos .li .dd .cn { font-size: 20px; color: #fff; text-align: left; } .banner .bomPos .li .dd .en { font-size: 12px; color: rgba(255, 255, 255, 0.43); text-transform: uppercase; font-family: "Rajdhani"; text-align: left; } .banner .bomPos .li.i1 .ic { background: url("../images/index/index-slider-bom-ic1-on.png") no-repeat 0 0; } .banner .bomPos .li.i2 .ic { background: url("../images/index/index-slider-bom-ic2-on.png") no-repeat 0 0; } .banner .bomPos .li.i3 .ic { background: url("../images/index/index-slider-bom-ic3-on.png") no-repeat 0 0; } .banner .bomPos .li.i4 .ic { background: url("../images/index/index-slider-bom-ic4-on.png") no-repeat 0 0; } .banner .bd li .w1260 .ban_t2 { width: 615px; left: auto; right: 0; top: 35%; } .banner .bd li .w1260 .ban_t2 > * { float: right; } .banner .bd li .w1260 .ban_t3 { left: 94px; top: 28%; } .banner .bd li .w1260 .ban_t.ban_t5 { width: 660px; height: 175px; position: absolute; top: -240px; left: 0; bottom: 0; margin: auto; } .banner .bd li .w1260 .ban_t.ban_t4 { width: 660px; height: 175px; position: absolute; top: -180px; left: 580px; bottom: 0; margin: auto; } .banner .bd li .w1260 .ban_t.ban_t4 .txt1 { font-size: 44px; color: #535353; line-height: 1; letter-spacing: 10px; } .banner .bd li .w1260 .ban_t.ban_t4 .txt2 { font-size: 32px; color: rgba(134, 106, 95, 0.4); margin: 20px 0 15px; font-family: "Rajdhani"; text-transform: uppercase; } .banner .bd li .w1260 .ban_t.ban_t5 .txt1 { font-size: 44px; color: #535353; line-height: 1; letter-spacing: 10px; } .banner .bd li .w1260 .ban_t.ban_t5 .txt2 { font-size: 32px; line-height: 1; color: rgba(134, 106, 95, 0.4); margin: 20px 0 15px; font-family: "Rajdhani"; text-transform: uppercase; } .banner .bd li .w1260 .ban_t.ban_t3 .txt1 { font-size: 44px; color: #535353; line-height: 1; letter-spacing: 10px; } .banner .bd li .w1260 .ban_t.ban_t3 .txt2 { font-size: 44px; line-height: 1; color: rgba(134, 106, 95, 0.4); margin: 20px 0 15px; font-family: "Rajdhani"; text-transform: uppercase; letter-spacing: 10px; } .banner .ban_ra { width: 150px; height: 32px; background: url(../images/ban/ban_ra.png) no-repeat center; line-height: 34px; text-align: center; font-size: 20px; color: #fff; font-family: "Rajdhani"; } .index .ipg1 { height: 308px; } .index .ipg1 .left { float: left; width: 600px; padding: 80px 25px 0 0; } .index .ipg1 .left .date { font-size: 24px; color: #caba97; font-family: "Rajdhani"; margin-bottom: 5px; transition: 0.5s all; } .index .ipg1 .left h6 { font-size: 20px; color: #333; transition: 0.5s all; } .index .ipg1 .left a:hover .date, .index .ipg1 .left a:hover h6 { color: #e11515; } .index .ipg1 .left .line { width: 555px; height: 3px; background: url(../images/index/ipg1_line.png) no-repeat center; margin: 15px 0; } .index .ipg1 .left p { color: #797a81; } .index .ipg1 .left .more { font-size: 14px; color: rgba(121, 122, 129, 0.6); margin-top: 10px; } .index .ipg1 .w1260 { position: relative; } .index .ipg1 .right { position: absolute; top: 0; left: 600px; width: 797px; height: 307px; background: url(../images/index/ipg1_bg.png) no-repeat center; padding: 80px 0 0 35px; } .index .ipg1 .right .icon { float: left; margin-right: 15px; } .index .ipg1 .right .font { float: left; } .index .ipg1 .font .cn { font-size: 20px; color: #676c74; margin-bottom: 5px; } .index .ipg1 .font .en { font-size: 24px; color: #988961; text-transform: uppercase; font-family: "Rajdhani"; margin-bottom: 5px; } .index .ipg1 .font h6 { display: inline-block; font-size: 16px; color: rgba(39, 45, 57, 0.7); line-height: 34px; margin-right: 20px; } .index .ipg1 .font h6 em { font-size: 34px; color: #d73131; margin-right: 5px; font-family: "Rajdhani"; background-image: -webkit-linear-gradient(bottom, #be1d19, #e55e22, #e76822); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .index .ipg1 .font h6 + h6 em { margin-left: 5px; margin-right: 2px; display: inline-block; width: 53px; } .index .ipg1 .font p { color: rgba(39, 45, 57, 0.5); } .index .ipg2 { position: relative; width: 100%; height: 470px; overflow: hidden; } .index .ipg2 li::after { content: ""; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.4); width: 100%; height: 470px; z-index: 1; } .index .ipg2 .bd ul { width: 100% !important; } .index .ipg2 .bd li { position: relative; width: 100% !important; height: 470px; background: no-repeat center; background-size: cover; } .index .ipg2 .bd li .font { position: relative; z-index: 2; display: none; } .index .ipg2 .bd li h6 { font-size: 34px; color: #fff; text-align: center; padding-top: 190px; margin-bottom: 45px; } .pub_more { position: relative; width: 140px; height: 50px; background: #d73131; text-align: center; margin: 0 auto; overflow: hidden; cursor: pointer; } .about5 .cCont1 .pub_more { margin: 20px auto; } .pub_more::before { content: ""; position: absolute; top: 0; left: -140px; width: 140px; height: 50px; background: #c69d71; transition: 0.7s; } .pub_more:hover::before { left: 0; } .pub_more h5 { position: relative; line-height: 50px; font-size: 14px; color: #fff; letter-spacing: 2px; z-index: 5; } .index .ipg2 .le_btn { position: absolute; left: 30px; top: 50%; margin-top: -44px; width: 52px; height: 88px; background: url(../images/index/ipg2_le.png) no-repeat center; z-index: 5; transition: all 0.5s; cursor: pointer; } .index .ipg2 .ri_btn { position: absolute; right: 30px; top: 50%; margin-top: -44px; width: 52px; height: 88px; background: url(../images/index/ipg2_ri.png) no-repeat center; z-index: 5; transition: all 0.5s; cursor: pointer; } .index .ipg2 .ri_btn:hover { background-image: url(../images/index/ipg2_rion.png); } .index .ipg2 .le_btn:hover { background-image: url(../images/index/ipg2_leon.png); } .index .ipg3 { width: 100%; height: 680px; padding-top: 45px; background: url(../images/index/ipg3_bg.jpg) no-repeat center; } .index .ipg3 h6 { text-align: center; font-size: 34px; color: #333; margin-bottom: 45px; } .index .ipg3 .tab { text-align: center; display: none; } .index .ipg3 .tab li { width: 70px; display: inline-block; font-size: 14px; line-height: 32px; color: #8c8c8c; margin-right: 10px; border-bottom: 3px solid transparent; cursor: pointer; margin-bottom: 25px; } .index .ipg3 .tab li.on { border-bottom: 3px solid #d73131; } .index .ipg3 .con ul { width: 1280px; } .index .ipg3 .con li { float: left; margin-right: 20px; margin-bottom: 50px; transition: all 0.5s; } .index .ipg3 .con li:hover { box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); } .index .ipg3 .con li .img { width: 300px; height: 180px; overflow: hidden; } .index .ipg3 .con li .img img { transition: all 1s; width: 100%; height: 100%; } .index .ipg3 .con li:hover .img img { transform: scale(1.08); } .index .ipg3 .con li .cont { width: 300px; height: 200px; padding: 20px; background: #fff; } .index .ipg3 .con li .cont h3 { font-size: 18px; color: #535353; line-height: 26px; margin-bottom: 15px; transition: all 0.5s; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .index .ipg3 .con li:hover .cont h3 { color: #e21a1a; } .index .ipg3 .con li .cont p { font-size: 12px; height: 60px; color: rgba(83, 83, 83, 0.7); } .index .ipg3 .con li .cont .btn { color: #535353; font-size: 14px; padding-top: 15px; border-top: 1px solid #d9d9d9; background: url(../images/news/news1-cont2-ic5.png) no-repeat 200px bottom; font-family: "Montserrat"; line-height: 10px; transition: all 0.5s; } .index .ipg3 .con li:hover .cont .btn { background: url(../images/news/news1-cont2-ic5.png) no-repeat right bottom; } .index .ipg4 { width: 100%; height: 423px; background: url(../images/index/ipg4.jpg) no-repeat center; padding-top: 80px; } .index .ipg4 h6 { text-align: center; font-size: 34px; color: #333; margin-bottom: 20px; } .index .ipg4 p { text-align: center; font-size: 14px; color: rgba(51, 51, 51, 0.7); } .index .ipg4 .pub_more { margin-top: 25px; } /*脙茠脗楼脙垄芒鈥毬偮γ冣€毭偮泵兤捗偮兟⒚⑩€毬偮澝冣€毭偮?/ .p_banner { height: 220px; } .p_banner2 { height: 400px; overflow: hidden; } .p_banner2 h2 { margin-top: 134px; color: #e50404; font-size: 40px; letter-spacing: 8px; font-weight: 300; margin-bottom: 10px; } .p_banner2 h3 { color: #acaead; font-size: 20px; line-height: 1; font-family: "BrandonGrotesque"; text-transform: uppercase; font-weight: 300; } .p_banner2 h3 em { color: #babab1; font-weight: 700; } .product3 .p_banner2 { text-align: right; } .product3 .p_banner2 h3 { margin-right: 5px; } .cH1 { color: #e21a1a; font-size: 24px; line-height: 1.3; margin-bottom: 25px; } .cH2 { color: #d8dbde; font-size: 40px; font-family: "Rajdhani"; line-height: 1; text-transform: uppercase; } /*subNav*/ .subNav .w1260 { position: relative; z-index: 600; } .subNav { height: 60px; background-color: #fff; } .subNav .L { float: left; width: 600px; height: 60px; margin-left: -330px; background-color: #e21a1a; } .subNav .L .cont { float: right; width: 270px; height: 60px; background: url("../images/sub-home.png") no-repeat 19px center; border-left: 1px solid #e84848; } .subNav .L .cont h2 { display: block; line-height: 60px; border-left: 1px solid #e84848; margin-left: 60px; padding-left: 35px; background: url("../images/subnw-icon1.png") no-repeat right 60px center; color: #fff; } .subNav .nav { position: absolute; top: 0; right: -1px; background-color: #fff; } .subNav .nav a { float: left; height: 60px; margin-left: 30px; line-height: 60px; text-align: center; color: #888888; } .subNav .nav a.on { color: #c69d71; } /*about1*/ .about1 .cCont1 { height: 600px; padding-top: 100px; background: url("../images/about/about1-cont1-bg.jpg") no-repeat center top; } .about1 .cCont1 .L { float: left; width: 488px; height: 387px; position: relative; } .about1 .cCont1 .L .pub_mask:after { content: ""; width: 488px; height: 387px; background: url("../images/about/about1-cont1-2.png") no-repeat 0 0; position: absolute; left: 20px; top: 20px; } .about1 .cCont1 .L .img { width: 488px; height: 387px; overflow: hidden; position: relative; z-index: 20; } .about1 .cCont1 .L .tx { position: absolute; right: 0px; top: 112px; } .about1 .cCont1 .L .tx h4 { float: left; width: 14px; line-height: 18px; color: #535353; margin-top: -17px; padding-top: 15px; background: url("../images/about/about1-cont1-le-h4-ic.png") no-repeat center top; position: relative; z-index: 50; } .about1 .cCont1 .L .tx h4:before { content: ""; width: 48px; height: 0; border-top: 1px solid #dcddde; position: absolute; left: -46px; top: 4px; } .about1 .cCont1 .L .tx .h5 { float: left; margin-left: 6px; } .about1 .cCont1 .R { position: relative; float: right; width: 600px; margin-top: -4px; overflow: hidden; } .about1 .cCont1 .R h2 { color: #e21a1a; font-size: 24px; margin-bottom: 10px; } .about1 .cCont1 .R h3 { color: #cfd3d5; font-size: 24px; margin-bottom: 35px; font-family: "Rajdhani"; line-height: 20px; text-transform: uppercase; } .about1 .cCont1 .R .tip { margin-bottom: 24px; } .about1 .cCont1 .R .tip p { color: #785656; } .about1 .cCont1 .R .txt p { color: #785656; font-size: 16px; margin-bottom: 24px; } .about1 .cCont1 .R .txt p em { color: #c69d71; } .about1 .cCont2 { height: 599px; background: url("../images/about/about1-cont2-bg.jpg") no-repeat center top; overflow: hidden; } .about1 .cCont2 .Card { height: 457px; background: #fcfcfc url("../images/about/about1-cont2-card-ic.jpg") no-repeat 410px 40px; margin-top: 62px; overflow: hidden; position: relative; z-index: 30; } .about1 .cCont2 .w1260:after { content: ""; display: block; width: 1410px; height: 160px; background: url("../images/about/about1-cont2-shadow.png") no-repeat center bottom; position: absolute; left: -75px; bottom: -11px; } .about1 .cCont2 .Card .L { float: left; width: 980px; height: 457px; padding: 50px 30px 0 50px; } .about1 .cCont2 .Card .L dl { margin-bottom: 30px; padding-left: 14px; border-left: 4px solid #f1ece6; cursor: default; } .about1 .cCont2 .Card .L dt { color: #e21a1a; font-size: 20px; margin-bottom: 12px; } .about1 .cCont2 .Card .L dd p { color: #785656; } .about1 .cCont2 .Card .R { float: right; width: 280px; height: 457px; overflow: hidden; position: relative; background: url(../images/about/about1-cont2-bg2.jpg) no-repeat center; } .about1 .cCont2 .Card .R .hd { position: absolute; left: 20px; top: 30px; z-index: 66; } .about1 .cCont2 .Card .R .hd li.on { width: 30px; opacity: 1; } .about1 .cCont2 .Card .R .hd li { float: left; width: 20px; height: 5px; background-color: #fff; margin-right: 10px; opacity: 0.7; cursor: pointer; transition: all 0.5s; } .about1 .cCont2 .Card .R .bd li { width: 280px; height: 457px; top: 0; left: 0; } .about1 .cCont2 .Card .R .bd li .img { width: 100%; height: 100%; background: no-repeat center; transition: all 0.5s; } .about1 .cCont3 { overflow: hidden; } .about1 .cCont3 .L { float: left; width: 961px; height: 497px; background: url("../images/about/about1-cont3-le.jpg") no-repeat 0 0; margin-left: -330px; } .about1 .cCont3 .L .cont { float: right; width: 630px; padding: 140px 60px 0 60px; position: relative; } .about1 .cCont3 .L h3 { color: #e21a1a; font-size: 34px; line-height: 1; margin-bottom: 46px; } .about1 .cCont3 .L p em { color: #c69d71; } .about1 .cCont3 .L p { color: #8e8e8e; } .about1 .cCont3 .L .cont:after { content: ""; width: 0; height: 208px; border-left: 3px solid #c69d71; position: absolute; left: 0; top: 35px; } .about1 .cCont3 .R { float: right; width: 959px; height: 497px; background: url("../images/about/about1-cont3-ri.jpg") no-repeat 0 0; margin-right: -330px; } .about1 .cCont3 .R .cont { width: 629px; padding: 140px 0 0 290px; position: relative; } .about1 .cCont3 .R .cont .map { position: absolute; left: 60px; top: 140px; } .about1 .cCont3 .R h3 { color: #ffffff; font-size: 20px; line-height: 1; margin-bottom: 10px; } .about1 .cCont3 .R h4 { font-size: 24px; line-height: 20px; margin-bottom: 16px; color: rgba(255, 255, 255, 0.3); font-family: "Rajdhani"; } .about1 .cCont3 .R h5 { font-size: 15px; color: #ffffff; margin-left: -3px; } .about1 .cCont3 .R h5 strong { display: inline-block; margin-right: 3px; color: #edd1c4; font-weight: 400; } .about1 .cCont3 .R h5 em { display: inline-block; margin: 0 4px; font-family: "Montserrat"; font-size: 34px; vertical-align: middle; } .about1 .cCont3 .R p { color: #fff !important; } /*about2*/ .about2 .cCont1 { min-height: 1156px; padding-bottom: 425px; background: #fff url("../images/about/about2-top-bg.jpg") no-repeat center top; position: relative; overflow: hidden; } .about2 .cCont1:after { content: ""; height: 502px; background: url("../images/about/about2-bom-bg.jpg") no-repeat center bottom; position: absolute; left: 0; right: 0; bottom: 0; } .about2 .cCont1 .w1260 { z-index: 30; } .about2 .cCont1 { padding-top: 100px; } .about2 .cCont1 .L { float: left; width: 100%; overflow: hidden; } .about2 .cCont1 .R { float: right; width: 370px; overflow: hidden; display: none; } .about2 .cCont1 .R .img { position: relative; } .about2 .cCont1 .R .img:after { content: ""; width: 120px; height: 106px; background: url("../images/about/about2-cont1-ri-shaow.png") no-repeat right bottom; position: absolute; right: -47px; bottom: -2px; } .about2 .cCont1 .R .img img { width: 100%; position: relative; z-index: 20; } .about2 .cCont1 .cont { margin-top: 50px; position: relative; } .about2 .cCont1 .tip { display: inline-block; position: relative; margin-bottom: 30px; } .about2 .cCont1 .tip:before { content: ""; width: 0; height: 205px; border-left: 3px solid #c69d71; position: absolute; left: -67px; top: 6px; } .about2 .cCont1 .tip .t1 { position: absolute; left: -46px; top: -16px; } .about2 .cCont1 .tip .t2 { position: absolute; right: -46px; bottom: -8px; } .about2 .cCont1 .tip h3 { color: #535353; font-size: 53px; line-height: 1; margin-bottom: 20px; font-weight: 300; letter-spacing: 5px; } .about2 .cCont1 .tip p { color: #c69d71; font-size: 18px; } .about2 .cCont1 .txt { margin-bottom: 40px; } .about2 .cCont1 .txt p { color: #896d6d; } .about2 .cCont1 .ps p { display: inline-block; vertical-align: middle; color: #181919; } .about2 .cCont1 .ps img { display: inline-block; vertical-align: middle; position: relative; top: -2px; margin-left: 8px; } /*about3*/ .about3 .cCont1 { padding-top: 100px; height: 670px; background: url("../images/about/about3-cont1-bg.jpg") no-repeat center top; } .about3 .cCont1 .img { float: left; width: 715px; height: 388px; overflow: hidden; } .about3 .cCont1 .card { height: 388px; position: relative; } .about3 .cCont1 .card:after { content: ""; width: 94px; height: 132px; background: url("../images/about/about3-cont1-2-shadow.png") no-repeat right bottom; position: absolute; bottom: 0; right: -86px; } .about3 .cCont1 .cont .pub_mask { float: right; width: 545px; height: 388px; background: url("../images/about/about3-cont1-2.jpg") no-repeat center; position: relative; z-index: 30; padding: 60px; } .about3 .cCont1 h3 { color: #535353; font-size: 20px; line-height: 1; margin-bottom: 14px; } .about3 .cCont1 h4 { color: #e21a1a; font-size: 26px; letter-spacing: 10px; font-weight: 300; margin-bottom: 20px; } .about3 .cCont1 p { color: #7d6249; } .about3 .cCont2 { height: 1060px; background: url("../images/about/about3-cont2-bg.jpg") no-repeat center bottom; padding-top: 85px; } .about3 .cCont2 h3 { color: #535353; font-size: 20px; line-height: 1; margin-bottom: 10px; text-align: center; } .about3 .cCont2 h5 { margin-bottom: 35px; text-align: center; color: #e21a1a; font-size: 26px; } .about3 .cCont2 h5 em { display: inline-block; margin: 0 8px; } .about3 .cCont2 .list { font-size: 0; text-align: center; padding-top: 75px; } .about3 .cCont2 .list .li { display: inline-block; margin: 0 80px; position: relative; } .about3 .cCont2 .list .li .img { position: relative; padding-bottom: 30px; background: url("../images/about/about3-cont2-li-ic.png") no-repeat center bottom; } .about3 .cCont2 .list .li.down { top: 50px; } .about3 .cCont2 .list .li .txt { width: 310px; height: 70px; position: absolute; bottom: 215px; left: -85px; } .about3 .cCont2 .list .li h4 { color: #535353; font-size: 18px; margin-bottom: 3px; text-align: center; } .about3 .cCont2 .list .li p { color: #896d6d; font-size: 14px; text-align: center; } .about3 .cCont2 .list .li.down .txt { bottom: auto; top: 214px; } .about3 .add_box { position: relative; margin-top: 100px; } .about3 .add_box .bd ul { width: 1280px; } .about3 .add_box .bd li { float: left; margin-right: 20px; } .about3 .add_box .bd .tempWrap { width: 1260px !important; } .about3 .add_box .bd li .img { width: 620px; height: 294px; overflow: hidden; } .about3 .add_box .bd li .img img { transition: all 1s; } .about3 .add_box .bd li:hover .img img { transform: scale(1.08); } .about3 .add_box .bd li .font { width: 620px; height: 80px; background: #fff; font-size: 20px; text-align: center; line-height: 80px; } .about3 .add_box .ri_btn { position: absolute; top: 50%; right: -80px; margin-top: -22px; width: 44px; height: 44px; background: url(../images/about/add_ri.png) no-repeat center; cursor: pointer; } .about3 .add_box .le_btn { position: absolute; top: 50%; left: -80px; margin-top: -22px; width: 44px; height: 44px; background: url(../images/about/add_le.png) no-repeat center; cursor: pointer; } .about3 .cCont3 { height: 405px; padding-top: 86px; background: url("../images/about/about3-cont3-bg.jpg") no-repeat center top; } .about3 .cCont3 h3 { color: #676c74; font-size: 20px; line-height: 20px; margin-bottom: 15px; text-align: center; } .about3 .cCont3 h4 { color: #e21a1a; font-size: 26px; margin-bottom: 10px; text-align: center; } .about3 .cCont3 p { text-align: center; color: #856563; } .about3 .cCont4 { padding: 70px 0 100px; } .about3 .cCont4 .top { padding-left: 633px; margin-bottom: 50px; } .about3 .cCont4 .list { overflow: hidden; } .about3 .cCont4 .list .li:first-child { margin-left: 0; width: 623px; } .about3 .cCont4 .list .li { float: left; margin-left: 10px; width: 202px; } .about3 .cCont4 .top h2 { color: #676c74; font-size: 20px; margin-bottom: 4px; } .about3 .cCont4 .top h3 { color: #e21a1a; font-size: 26px; margin-bottom: 14px; } .about3 .cCont4 .top p { color: #856767; } .about-data { padding: 300px 0 50px; } .luxy_box { position: fixed; width: 100%; height: 100%; background: #f2f6fa url(../images/about/add_ins_bg.jpg) no-repeat center top; background-attachment: fixed; display: none; } .cas .luxy_box { display: block; } .cas .about-data .ipg1 { width: 100%; background: rgba(255, 255, 255, 0.5); padding: 20px; } .about-data .ipg1_box { position: relative; width: 100%; background: #fff; padding: 90px 35px 90px 40px; } .about-data .ipg1_box .back { position: absolute; top: 50px; right: 35px; width: 102px; height: 102px; background: #e6e6e6 url(../images/news/back.png) no-repeat center; } .about-data .ipg1_box .tit { font-size: 36px; color: #e21a1a; margin-bottom: 60px; } .about-data .ipg1_box .ban { margin-bottom: 25px; width: 100%; height: 429px; position: relative; } .about-data .ipg1_box p { color: #666; margin-bottom: 10px; } .about-data .ipg1_box .video { position: absolute; top: 50%; left: 50%; margin-top: -42px; margin-left: -42px; width: 84px; height: 84px; background: url(../images/news/new_video.png) no-repeat center; cursor: pointer; } /* .about-data .ipg1_box .video { position: absolute; top: 50%; left: 50%; margin-top: -30px; margin-left: -125px; width: 250px; height: 60px; border-radius: 50px; border: 1px solid #c69d71; line-height: 60px; color: #c69d71; font-size: 16px; padding-left: 70px; background: url(../images/about/add_video.png) no-repeat 5px center; cursor: pointer; } */ .about-data .ipg1_box .top { padding-bottom: 38px; border-bottom: 1px solid #e5e5e5; margin-bottom: 45px; } .about-data .ipg1_box .list ul { width: 1155px; } .about-data .ipg1_box .list li { float: left; margin-right: 10px; margin-bottom: 10px; width: 375px; height: 220px; overflow: hidden; } .about-data .ipg1_box .list li img { transition: all 1s; width: 375px; height: 220px; } .about-data .ipg1_box .list li:hover img { transform: scale(1.08); } .about-data .ipg1_box .list .pub_more { margin-top: 50px; } .about-data2 .ipg1_box p { margin-bottom: 30px; } /*about4*/ .about4 .cCont1 { background: #f2f6fa url("../images/about/about4-cont1-bg.jpg") no-repeat center top; padding-top: 100px; padding-bottom: 60px; } .about4 .cCont1 .top { height: 410px; position: relative; } .about4 .cCont1 .top:after { content: ""; width: 79px; height: 136px; background: url("../images/about/about4-cont1-s1.png") no-repeat right bottom; position: absolute; right: -79px; bottom: 0; } .about4 .cCont1 .top:before { content: ""; width: 65px; height: 136px; background: url("../images/about/about4-cont1-s2.png") no-repeat left bottom; position: absolute; left: -65px; bottom: 0; } .about4 .cCont1 .top .L { float: left; width: 490px; height: 410px; } .about4 .cCont1 .top .R .pub_mask { float: right; width: 770px; height: 410px; background: url("../images/about/about4-cont1-ri.jpg") no-repeat center top; padding: 90px 0 0 45px; } .about4 .cCont1 .top .R .bd li { float: left; width: 140px; height: 240px; margin-left: 75px; position: relative; } .about4 .cCont1 .top .R .bd li h3 { color: #e21a1a; font-size: 20px; line-height: 1; font-weight: 400; } .about4 .cCont1 .top .R .bd li h3 em { color: #e21a1a; font-size: 26px; margin-bottom: 8px; font-family: "Rajdhani"; font-weight: 300; } .about4 .cCont1 .top .R .bd li h4 { color: #caa378; font-size: 18px; letter-spacing: 2px; } .about4 .cCont1 .top .R .bd li:before { content: ""; width: 28px; height: 210px; background: url(../images/about/about4-cont1-top-li-ic.png) no-repeat 0 0; position: absolute; left: -40px; top: -3px; } .about4 .cCont1 .top .R .i2 { margin-top: 50px; } .about4 .cCont1 .top .R .i3 { margin-top: 20px; } .about4 .cCont1 .top .R .i4 { margin-top: 30px; } .about4 .cCont1 .top .R .i5 { margin-top: 0; } .about4 .cCont1 .top .R .i6 { margin-top: 50px; } .about4 .cCont1 .top .R .i7 { margin-top: 23px; } .about4 .cCont2 .dl .w1260 { overflow: hidden; position: relative; padding-left: 480px; } .about4 .cCont2 .dt { width: 190px; position: absolute; left: 0; top: 40px; } .about4 .cCont2 .dt h3 { color: #e21a1a; font-size: 24px; } .about4 .cCont2 .dt h3 em { font-size: 34px; line-height: 1.2; font-family: "Rajdhani"; } .about4 .cCont2 .dt p { color: #c69d71; font-size: 26px; line-height: 1.2; } .about4 .cCont2 .dl:first-child .dt { top: 0; } .about4 .cCont2 .dl:first-child .dd { padding-top: 0; } .about4 .cCont2 .dd { border-left: 1px solid #dcdcdc; padding: 40px 0 1px 80px; } .about4 .cCont2 dl { margin-bottom: 40px; } .about4 .cCont2 .even { background-color: #f2f5fa; } .about4 .cCont2 .odd { background-color: #fff; } .about4 .cCont2 .even dt:after { background: url("../images/about/about4-cont2-dx1.jpg") no-repeat 0 0; } .about4 .cCont2 .odd dt:after { background: url("../images/about/about4-cont2-dx2.jpg") no-repeat 0 0; } .about4 .cCont2 dt:after { content: ""; width: 32px; height: 18px; position: absolute; left: -90px; top: 4px; } .about4 .cCont2 dt { position: relative; } .about4 .cCont2 dt { color: #686868; font-size: 20px; margin-bottom: 10px; } .about4 .cCont2 dt em { color: #b69d82; font-size: 21px; margin-right: 6px; } .about4 .cCont2 dt em i { font-size: 26px; font-family: "Rajdhani"; } .about4 .cCont2 dd p { color: #786d62; } /*about5*/ .about5 .cCont1 { padding-top: 100px; padding-bottom: 100px; background: url("../images/about/about5-cont1-bg.jpg") no-repeat center top; } .about5 .cCont1 .Card { padding: 80px 40px 90px; background-color: #ffffff; } .about5 .cCont1 .Cont { width: 1260px; } .about5 .cCont1 .box { float: left; width: 280px; margin-right: 20px; margin-bottom: 20px; } .about5 .cCont1 .box .img { height: 190px; background-color: #f8f4ef; position: relative; } .about5 .cCont1 .box .img img { max-width: 220px; max-height: 140px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .about5 .cCont1 .box .cont { height: 60px; padding: 14px; } .about5 .cCont1 .box .cont h3 { color: #785656; font-size: 14px; text-align: center; } .about5 .cCont1 .box .cont p { color: #a4a4a4; font-size: 12px; text-align: center; } .cMore { display: block; width: 150px; height: 60px; background-color: #c6000c; text-align: center; line-height: 60px; letter-spacing: 1px; color: #fff; margin: 20px auto 0; cursor: pointer; user-select: none; } /*about6*/ .about6 .cCont1 { padding-top: 100px; padding-bottom: 20px; background: #fff url("../images/about/about6-cont1-bg.jpg") no-repeat center top; } .about6 .cCont1 .R { position: relative; float: right; width: 470px; padding: 0 0 20px 20px; } .about6 .cCont1 .R .img { position: relative; } .about6 .cCont1 .R .img:before { content: ""; width: 430px; height: 513px; background: url("../images/about/about6-cont1-ri-1-before.png") no-repeat center top; position: absolute; top: 20px; left: -20px; /* z-index: -1; */ } .about6 .cCont1 .R .pub_mask { width: 450px; height: 533px; padding-left: 20px; } .about6 .cCont1 .R .img .cont { width: 430px; height: 513px; padding: 90px 40px 0; background: url("../images/about/about6-cont1-ri-1.jpg") no-repeat center top; position: relative; z-index: 30; } .about6 .cCont1 .R .img h3 { color: #665032; font-size: 24px; letter-spacing: 5px; } .about6 .cCont1 .L { float: left; width: 690px; } .about6 .cCont1 .L h2 { color: #c69d71; font-size: 30px; padding: 14px 0; } .about6 .cCont1 .L p { color: #896d6d; margin-bottom: 14px; } .about6 .cCont2 { display: none; height: 443px; padding-top: 80px; background: url("../images/about/about6-cont2-bg.jpg") no-repeat center top; } .about6 .cCont2 .bd { min-width: 1388px; } .about6 .cCont2 .bd li { float: left; width: 336px; height: 300px; margin-right: 126px; } .about6 .cCont2 .bd li .img { height: 230px; background: url(../images/about/about6-cont2-li-bg.png) repeat 0 0; position: relative; } .about6 .cCont2 .bd li .img img { width: 285px; height: 184px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .about6 .cCont2 .bd li .cont { height: 60px; } .about6 .cCont2 .bd li .cont h3 { color: #ffffff; font-size: 14px; width: 385px; height: 60px; padding: 0 20px; text-align: center; display: table-cell; vertical-align: middle; } .about7 .cCont1 { padding: 100px 0 100px 0; /*height: 765px;*/ background: #f2f6fa url(../images/about/about3-cont1-bg.jpg) no-repeat center top; } .about7 .card { width: 100%; /*height: 472px;*/ background: #fff; padding: 75px 0 0 35px; } .about7 .card .clear-float { margin-left: -30px; padding-bottom: 30px; } .about7 .card li { position: relative; float: left; width: 224px; height: 305px; margin: 0 0 30px 22px; overflow: hidden; } .about7 .card li .pub_mask { background: no-repeat center; padding: 35px 0 0 20px; } .about7 .card li .name { font-size: 26px; color: #4c4030; line-height: 29px; width: 30px; } /*.about7 .card li.li2 .name { line-height: 52px; margin-top: -13px; }*/ .about7 .card li .txt { position: relative; margin: 13px 0 0 10px; padding-left: -1px; } .about7 .card li .txt p { width: 20px; float: left; line-height: 21px; line-height: 17px; /*margin-left:3px;*/ } .about7 .card li .txt::after { content: ""; position: absolute; top: 2px; left: -8px; width: 2px; height: 30px; background: #ea1f1f; /*background: url(../images/about/a7_ic.jpg) no-repeat center;*/ } /*product1*/ .product1 .cCont1 { height: 445px; background: url("../images/product/product1-cont1-bg.jpg") no-repeat center top; } .product1 .cCont1 .L { float: left; width: 470px; padding-top: 50px; } .product1 .cCont1 .L .pos { float: right; } .product1 .cCont1 .R { float: right; width: 740px; margin-right: 15px; padding-top: 70px; } .product1 .cCont1 .R .pub_mask { padding-left: 100px; } .product1 .cCont1 .R .tit { position: relative; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 3px solid #dbcabf; } .product1 .cCont1 .R .tit::after { content: ""; position: absolute; top: 0; left: -60px; width: 39px; height: 42px; background: url(../images/product/pro3_ic2.png) no-repeat center; } .product1 .cCont1 .R h3 { color: #e60707; font-size: 30px; line-height: 1; margin-bottom: 8px; letter-spacing: 4px; font-weight: 300; } .product1 .cCont1 .R h4 { color: rgba(83, 83, 83, 0.3); font-size: 12px; line-height: 10px; font-family: "BrandonGrotesque"; text-transform: uppercase; letter-spacing: 5px; margin-top: 5px; font-weight: bold; } .product1 .cCont1 .R h5 { color: #785656; font-size: 16px; margin-bottom: 12px; } .product1 .cCont1 .R p { color: #785656; font-size: 14px; } .product1 .cCont1 .R .bom { font-size: 16px; color: #c69d71; margin-top: 15px; } .product1 .cCont1 .R h6 em { display: inline-block; font-size: 34px; vertical-align: middle; font-family: "Montserrat"; position: relative; top: -2px; letter-spacing: -1px; background-image: -webkit-linear-gradient(bottom, #d92822, #e25322, #e66522); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: #d92822\0; } .product1 .cCont1 .R h6 { color: #636871; font-size: 15px; margin-top: 15px; } .product1 .cCont1 .R h6 em { margin: 0 2px; } .product1 .cCont1 .R .txt { width: 640px; box-sizing: content-box; max-height: 158px; overflow: auto; padding-right: 10px; } .product1 .cCont2 { margin-top: -26px; padding-bottom: 80px; } .product1 .cCont2 .top { height: 60px; padding: 20px 0 20px 150px; background-color: #e1e1e1; position: relative; } .product1 .cCont2 .top em { padding-left: 36px; line-height: 24px; color: #666666; font-size: 14px; background: url("../images/product/product1-cont2-top-ic.png") no-repeat left center; position: absolute; left: 30px; top: 20px; } .product1 .cCont2 .top ul { overflow: hidden; } .product1 .cCont2 .top ul li { float: left; margin-right: 30px; color: #888888; font-size: 14px; cursor: pointer; } .product1 .cCont2 .top ul li.on { color: #e11515; } .product1 .cCont2 .tipCard { margin: 40px 0; height: 439px; background-color: #f6f7f7; position: relative; } .product1 .cCont2 .tipCard .next, .product1 .cCont2 .tipCard .prev { width: 60px; height: 60px; position: absolute; top: 0; bottom: 0; margin: auto; z-index: 30; cursor: pointer; transition: all 0.5s; } .product1 .cCont2 .tipCard .next { right: -80px; background: url("../images/btn-next-1.png") no-repeat 0 0; } .product1 .cCont2 .tipCard .prev { left: -80px; background: url("../images/btn-prev-1.png") no-repeat 0 0; } .product1 .cCont2 .tipCard .next:hover { right: -80px; background: url("../images/btn-next-1on.png") no-repeat 0 0; } .product1 .cCont2 .tipCard .prev:hover { left: -80px; background: url("../images/btn-prev-1on.png") no-repeat 0 0; } .product1 .cCont2 .tipCard .L { float: left; width: 910px; height: 439px; overflow: hidden; } .product1 .cCont2 .tipCard .L li { width: 910px; height: 439px; overflow: hidden; } .product1 .cCont2 .tipCard .L li img { transition: all 1s; } .product1 .cCont2 .tipCard:hover .L li img { transform: scale(1.08); } .product1 .cCont2 .tipCard .R { float: right; width: 290px; margin: 60px 30px 0 0; } .product1 .cCont2 .tipCard .R h3 { color: #535353; font-size: 24px; min-height: 70px; margin-bottom: 20px; transition: all 0.5s; } .product1 .cCont2 .tipCard:hover .R h3 { color: #e11515; } .product1 .cCont2 .tipCard .R .txt { margin-bottom: 25px; max-height: 136px; width: 290px; box-sizing: content-box; overflow: auto; padding-right: 10px; } .product1 .cCont2 .tipCard .R ul li.i1 { background-color: #f0d2d2; } .product1 .cCont2 .tipCard .R ul li.i2 { background-color: #f0e5d2; } .product1 .cCont2 .tipCard .R ul li.i3 { background-color: #daf4df; } .product1 .cCont2 .tipCard .R ul { font-size: 0; } .product1 .cCont2 .tipCard .R ul li { display: inline-block; margin: 0 10px 10px 0; color: #535353; font-size: 12px; padding: 0 10px; line-height: 24px; cursor: default; } .product1 .cCont2 .tipCard .R h4 { color: #a38f6c; font-size: 26px; line-height: 35px; padding-left: 45px; margin-top: 30px; font-family: "Montserrat"; font-weight: 300; letter-spacing: -1px; background: url("../images/product/product1-cont2-call.png") no-repeat left center; } .product1 .cCont2 .tipCard .R p { color: #785656; } .product1 .cCont2 .Cont { width: 1300px; } .product1 .cCont2 .pub_more { margin-top: 20px; } .product1 .cCont2 .Cont .box { float: left; width: 620px; height: 390px; margin-right: 20px; margin-bottom: 20px; } .product1 .cCont2 .Cont .box .img { height: 310px; overflow: hidden; } .product1 .cCont2 .Cont .box .img img { transition: all 1s; } .product1 .cCont2 .Cont .box:hover .img img { transform: scale(1.08); } .product1 .cCont2 .Cont .box .cont { height: 80px; padding: 20px 30px; line-height: 40px; background-color: #f6f7f7; text-align: right; } .product1 .cCont2 .Cont .box .cont h3 { float: left; margin-top: 7px; font-size: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; margin-right: 10px; text-align: left; transition: all 0.5s; } .product1 .cCont2 .Cont .box:hover .cont h3 { color: #e11515; } .product1 .cCont2 .Cont .box .cont h4 { display: inline-block; color: #a38f6c; font-size: 14px; padding-left: 20px; line-height: 24px; background: url("../images/product/product1-cont2-gps.png") no-repeat left center; letter-spacing: 1px; } .product1 .cCont2 .Cont .box .cont h5 { display: inline-block; line-height: 35px; font-size: 24px; font-family: "Montserrat"; letter-spacing: -1px; color: #a38f6c; padding-left: 45px; background: url(../images/product/product1-cont2-call.png) no-repeat left center; margin-left: 25px; } /*product1-data*/ .product1-data { background: #f5f5f5 url("../images/product/product1-data-bg.jpg") repeat-x 0 0; padding: 40px 0 50px; position: relative; } .product1-data .cCont1 { margin-bottom: 86px; } .product1-data .cCont1 .card { height: 430px; overflow: hidden; background-color: #fff; } .product1-data .cCont1 .card .L { float: left; width: 420px; height: 430px; padding: 25px 30px 0; } .product1-data .cCont1 .card .L ._logo { display: block; margin-bottom: 7px; max-height: 100px; } .product1-data .cCont1 .card .L i { float: right; margin-left: 20px; color: #919191; font-size: 14px; margin-top: 14px; line-height: 1; } .product1-data .cCont1 .card .L h3 { color: #333333; font-size: 24px; margin-bottom: 14px; } .product1-data .cCont1 .card .L .txt { margin-bottom: 16px; max-height: 90px; overflow: hidden; overflow-y: auto; padding-right: 10px; margin-right: -10px; } .product1-data .cCont1 .card .L p { color: #785656; } .product1-data .cCont1 .card .L ul { margin-bottom: 10px; font-size: 0; } .product1-data .cCont1 .card .L ul li { display: inline-block; margin: 0 10px 10px 0; color: #535353; font-size: 12px; padding: 0 10px; line-height: 24px; cursor: default; background-color: #f0e5d2; } .product1-data .cCont1 .card .L h4 { color: #999999; font-size: 14px; margin-bottom: 10px; } .product1-data .cCont1 .card .L h4 em { color: #e21a1a; font-size: 16px; font-family: "Montserrat"; background-color: rgba(0, 0, 0, 0); } .product1-data .cCont1 .card .L .btn { float: left; width: 175px; color: #fff; font-size: 14px; line-height: 50px; text-align: center; background-color: #e21a1a; letter-spacing: 1px; cursor: pointer; transition: all 0.5s; } .product1-data .cCont1 .card .L .btn1 { margin-right: 5px; } .product1-data .cCont1 .card .L .btn2 { background-color: #c69d71; } .product1-data .cCont1 .card .L .btn1:hover { opacity: 0.6; /* background-color: #c69d71; */ } .product1-data .cCont1 .card .L .btn2:hover { /* background-color: #e21a1a; */ opacity: 0.6; } .product1-data .cCont1 .card .R { float: right; width: 840px; height: 430px; position: relative; } .product1-data .cCont1 .card .R em { padding: 18px 10px; background-color: #e21a1a; line-height: 1; color: #fff; position: absolute; right: 65px; top: 0; z-index: 30; } .product1-data .cCont1 .card .R .hd { position: absolute; right: 65px; bottom: 20px; z-index: 40; } .product1-data .cCont1 .card .R .hd li.on { background-color: #e21a1a; } .product1-data .cCont1 .card .R .hd li { display: inline-block; width: 20px; height: 4px; background-color: #fff; margin-left: 8px; } .product1-data .nx-nav { height: 86px; position: absolute; left: 0; right: 0; top: 470px; } .product1-data .nx-nav .w1260:before { content: ""; width: 60px; height: 0; border-bottom: 4px solid #e21a1a; position: absolute; left: -70px; top: 40px; } .product1-data .nx-nav .li { float: left; line-height: 86px; margin-right: 40px; color: #8f8f8f; cursor: pointer; } .product1-data .nx-nav .li.on { color: #e21a1a; text-decoration: underline; } .product1-data .nx-nav.on .li.on { color: #e21a1a; text-decoration: none; } .fix-nav { height: 86px; position: absolute; left: 0; right: 0; transition: 0.5s all; display: none; } .fix-nav.on { top: 80px; background: #fff; z-index: 999; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .fix-nav .w1260:before { content: ""; width: 60px; height: 0; border-bottom: 4px solid #e21a1a; position: absolute; left: -70px; top: 40px; } .fix-nav .li { float: left; line-height: 86px; margin-right: 40px; color: #8f8f8f; cursor: pointer; } .fix-nav .li.on { color: #e21a1a; text-decoration: underline; } .fix-nav.on .li.on { color: #e21a1a; text-decoration: none; } .product1-data .cCont2 .box { padding: 50px 30px 60px; background: #fff url("../images/product/product1-data-cont2-bg.jpg") no-repeat right bottom; } .product1-data .cCont2 .box .L { float: left; width: 730px; } .product1-data .cCont2 .box h3 { color: #666666; font-size: 20px; margin-bottom: 20px; } .product1-data .cCont2 .box .L p { color: #785656; margin-bottom: 20px; } .product1-data .cCont2 .box .R { float: right; width: 410px; } .product1-data .cCont2 .box .R ul li { position: relative; padding-left: 90px; margin-top: 10px; } .product1-data .cCont2 .box .R ul p { color: #8a8a8a; line-height: 1.3; } .product1-data .cCont2 .box .R ul em { color: #636363; width: 90px; position: absolute; left: 0; top: 0; } .product1-data .cCont2 .box .R ul strong { color: #564a3d; font-weight: 400; } .product1-data .cCont3 { padding-bottom: 40px; } .product1-data .cCont3 .w1260 > h3 { padding: 34px 0 20px 30px; color: #666666; font-size: 20px; } .product1-data .cCont3 .bd ul { min-width: 1300px; } .product1-data .cCont3 .bd li { float: left; width: 400px; margin-right: 30px; } .product1-data .cCont3 .box { height: 225px; border: 2px solid #e4d0c8; padding: 40px 30px 0; transition: all 0.5s; } .product1-data .cCont3 .box:hover { border: 2px solid #e21a1a; } .product1-data .cCont3 .box:hover h4 { color: #e21a1a; } .product1-data .cCont3 .box h3 { color: #e21a1a; font-size: 24px; line-height: 1; margin-bottom: 20px; font-family: "Montserrat"; letter-spacing: -1px; font-weight: 300; } .product1-data .cCont3 .box h4 { color: #58585e; font-size: 20px; margin-bottom: 14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; transition: all 0.5s; } .product1-data .cCont3 .box .txt { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .product1-data .cCont3 .box p { color: #785656; } p { color: #785656 !important; } .product1-data .cCont3 .slideBox { position: relative; } .product1-data .cCont3 .slideBox .next, .product1-data .cCont3 .slideBox .prev { width: 63px; height: 63px; position: absolute; top: 0; bottom: 0; margin: auto; z-index: 30; cursor: pointer; transition: all 0.5s; } .product1-data .cCont3 .slideBox .next { right: -80px; background: url("../images/btn-next-2.png") no-repeat 0 0; } .product1-data .cCont3 .slideBox .prev { left: -80px; background: url("../images/btn-prev-2.png") no-repeat 0 0; } .product1-data .cCont3 .slideBox .next:hover { background-image: url(../images/btn-next-2on.png); } .product1-data .cCont3 .slideBox .prev:hover { background-image: url(../images/btn-prev-2on.png); } .product1-data .cCont3 .slideBox .bd { overflow: hidden; } .product1-data .cCont4 { margin-bottom: 40px; } .product1-data .cCont4 h3 { padding: 0 30px; line-height: 100px; color: #666666; background-color: #fff; font-size: 20px; } .product1-data .cCont5 { height: 356px; overflow: hidden; } .product1-data .cCont5 .w1260 { padding-bottom: 50px; background: #fff url(../images/product/product1-data-cont2-bg.jpg) no-repeat right bottom; } .product1-data .cCont5 .w1260 > h3 { padding: 20px 30px; color: #666666; font-size: 20px; } .product1-data .cCont5 .bd li { float: left; width: 370px; height: 240px; margin-right: 45px; overflow: hidden; } .product1-data .cCont5 .bd li img { transition: all 1s; width: 370px; height: 240px; } .product1-data .cCont5 .bd li:hover img { transform: scale(1.08); } .product1-data .cCont5 .bd ul { min-width: 1300px; } .product1-data .cCont5 .slideBox { padding: 0 30px; position: relative; } .product1-data .cCont5 .slideBox .next, .product1-data .cCont5 .slideBox .prev { width: 63px; height: 63px; position: absolute; top: 0; bottom: 0; margin: auto; z-index: 30; cursor: pointer; transition: all 0.5s; } .product1-data .cCont5 .slideBox .next { right: -80px; background: url("../images/btn-next-2.png") no-repeat 0 0; } .product1-data .cCont5 .slideBox .prev { left: -80px; background: url("../images/btn-prev-2.png") no-repeat 0 0; } .product1-data .cCont5 .slideBox .next:hover { background-image: url(../images/btn-next-2on.png); } .product1-data .cCont5 .slideBox .prev:hover { background-image: url(../images/btn-prev-2on.png); } .product1-data .cCont5 .slideBox .bd { overflow: hidden; } .nearbyMap { overflow: hidden; } .nearbyMap * { box-sizing: content-box; } .nearbyMap #lz_map { height: 475px; } .nearbyMap .nearby { width: 360px; height: 340px; background-color: #fff; position: absolute; right: 30px; top: 50px; } .nearbyMap .nearby .box { padding: 0 30px; } .nearbyMap .nearby h4 { color: #ffffff; font-size: 18px; margin: 26px 0 20px; } .nearbyMap .nearby .dt { width: 300px; margin-left: -30px; padding: 0 30px; height: 56px; margin-bottom: 10px; background-color: #d7ba93; } .nearbyMap .nearby .dt li { float: left; color: #ffffff; line-height: 56px; height: 50px; margin-right: 24px; border-bottom: 4px solid transparent; padding-bottom: 2px; cursor: pointer; } .nearbyMap .nearby .dt li.crt { border-bottom: 4px solid #e21a1a; } .house { position: fixed; left: 0; top: 0; bottom: 0; right: 0; z-index: 1000; display: none; } .house_bg { position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: #333; opacity: 0.7; } .house .info { width: 400px; height: 400px; background: #fff; padding: 0 40px; position: absolute; top: 50%; left: 50%; margin-top: -200px; margin-left: -200px; box-sizing: border-box; padding-top: 40px; } .house .info h3 { color: #535353; font-size: 24px; text-align: center; font-weight: normal; } .house .info p { font-size: 14px; color: #535353; margin-top: 20px; } .house .info input { width: 100%; height: 48px; border: 1px solid #e5e4e2; background: #f5f3ee; font-size: 14px; color: #535353; box-sizing: border-box; padding-left: 20px; margin-top: 20px; } .house .info button { width: 100%; height: 48px; color: #fff; font-size: 16px; border-radius: 5px; background: #e21a1a; margin-top: 40px; } .house .info input[type="submit"] { width: 100%; height: 48px; color: #fff; font-size: 16px; border-radius: 5px; background: #e21a1a; margin-top: 40px; padding-left: 0; } /*脙茠脗楼脙鈥γ⑩偓艙脙鈥毭偮懊兤捗偮ッ兟⒚⑩€毬偮好冣€毭偮久兤捗偮ッ兟⒚⑩€毬嬇撁冣€毭偮兤捗偮冣€毭偮久冣€毭偮?/ #lz_map a { display: inline-block; } #lz_map img { max-width: none; } #r-result { width: 303px; height: 274px; overflow: hidden; overflow-y: auto; padding-right: 16px; } #r-result ul { padding-bottom: 20px; } #r-result li:first-child { border-top: none; } #r-result li { text-align: left; padding: 10px 0; border-top: solid 1px #564a3d; overflow: hidden; position: relative; cursor: pointer; } #r-result li .num { position: absolute; left: 0; width: 30px; line-height: 30px; color: #fff; height: 35px; text-align: center; top: 16px; } #r-result li .grp { width: 260px; float: right; } #r-result li .grp h6 { font-size: 14px; color: #564a3d; } #r-result li .grp p { line-height: 20px; font-size: 12px; color: #564a3d; } #lz_map_data { width: 332px; padding-right: 16px; height: 270px; overflow: auto; } #lz_map_data > div > div:nth-child(2) { display: none !important; } #lz_map_data > div { border: none !important; background-color: transparent !important; } #lz_map_data * { background-color: transparent !important; } #lz_map_data > div > div a { display: none !important; } #lz_map_data li:nth-child(1) { border-top: none; } #lz_map_data li { padding: 20px 0 !important; border-top: 1px solid #fff; } #lz_map_data li > span { display: none !important; } #lz_map_data li * { color: #564a3d !important; } #lz_map_data li > div { background-color: transparent !important; } /*product2*/ .product2 .cCont1 { padding-bottom: 70px; background: url("../images/product/product1-cont1-bg.jpg") no-repeat center top; overflow: hidden; } .product2 .cCont1 .L { float: left; width: 470px; padding-top: 70px; } .product2 .cCont1 .L .pos { float: right; } .product2 .cCont1 .R { float: right; width: 640px; padding-top: 70px; } .product2 .cCont1 .R .tit { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 3px solid #dbcabf; } .product2 .cCont1 .R h3 { color: #e60707; font-size: 30px; line-height: 1; margin-bottom: 8px; letter-spacing: 4px; font-weight: 300; } .product2 .cCont1 .R h4 { color: #535353; font-size: 12px; line-height: 10px; font-family: "BrandonGrotesque"; text-transform: uppercase; } .product2 .cCont1 .R h5 { color: #caa378; font-size: 18px; margin-bottom: 6px; } .product2 .cCont1 .R p { color: #785656; font-size: 14px; } .product2 .cCont1 .R h6 em { display: inline-block; font-size: 34px; vertical-align: middle; font-family: "Montserrat"; position: relative; top: -2px; letter-spacing: -1px; background-image: -webkit-linear-gradient(bottom, #be1d19, #e55e22, #e76822); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: #d92822\0; } .product2 .cCont1 .R h6 { color: #636871; font-size: 15px; margin-top: 15px; } .product2 .cCont1 .R h6 em { margin: 0 2px; } .product2 .cCont1 .R .txt { width: 640px; box-sizing: content-box; max-height: 217px; overflow: auto; padding-right: 10px; } .product2 .cCont1 .R .txt p { margin-bottom: 15px; } .product2 .cCont2 { overflow: hidden; } .product2 .cCont2 .L { float: left; width: 950px; height: 488px; margin-left: -330px; background: url("../images/product/product2-cont2-le.jpg") no-repeat center top; } .product2 .cCont2 .L .cont { float: right; width: 620px; } .product2 .cCont2 .L .tit { float: left; margin-top: 50px; } .product2 .cCont2 .L .po { margin-top: 88px; margin-left: 30px; } .product2 .cCont2 .L .tit h3 { float: left; width: 20px; color: #ffffff; font-size: 20px; margin-right: 8px; } .product2 .cCont2 .R { float: right; width: 970px; height: 488px; margin-right: -330px; } .product2 .cCont2 .R .slideBox { height: 488px; position: relative; } .product2 .cCont2 .R .bd img { width: 100%; } .product2 .cCont2 .R .slideBox .prev, .product2 .cCont2 .R .slideBox .next { width: 80px; height: 60px; position: absolute; bottom: 0; z-index: 99; } .product2 .cCont2 .R .slideBox .prev:hover { background: #434343 url("../images/product/product2-cont2-left.png") no-repeat center center; } .product2 .cCont2 .R .slideBox .prev { left: 0; background: #666666 url("../images/product/product2-cont2-left.png") no-repeat center center; border-right: 1px solid #d0d0d0; } .product2 .cCont2 .R .slideBox .next:hover { background: #434343 url("../images/product/product2-cont2-right.png") no-repeat center center; } .product2 .cCont2 .R .slideBox .next { left: 80px; background: #666666 url("../images/product/product2-cont2-right.png") no-repeat center center; } .product2 .cCont2-5 { padding-bottom: 90px; } .product2 .cCont2-5 .h_til { padding: 55px 0 35px; font-size: 30px; color: #da2c25; letter-spacing: 4px; line-height: 40px; text-align: center; } .product2 .cCont2-5 .w1260 > h3 { padding: 34px 0 20px 30px; color: #666666; font-size: 20px; } .product2 .cCont2-5 .bd ul { min-width: 1300px; } .product2 .cCont2-5 .bd li { float: left; width: 400px; margin-right: 30px; } .product2 .cCont2-5 .box { height: 225px; border: 2px solid #e4d0c8; padding: 40px 30px 0; transition: all 0.5s; } .product2 .cCont2-5 .box:hover { border: 2px solid #e21a1a; } .product2 .cCont2-5 .box:hover h4 { color: #e21a1a; } .product2 .cCont2-5 .box h3 { color: #e21a1a; font-size: 24px; line-height: 1; margin-bottom: 20px; font-family: "Montserrat"; letter-spacing: -1px; font-weight: 300; } .product2 .cCont2-5 .box h4 { color: #58585e; font-size: 20px; margin-bottom: 14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; transition: all 0.5s; } .product2 .cCont2-5 .box .txt { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .product2 .cCont2-5 .box p { color: #785656; } p { color: #785656 !important; } .product2 .cCont2-5 .slideBox { position: relative; } .product2 .cCont2-5 .slideBox .next, .product2 .cCont2-5 .slideBox .prev { width: 63px; height: 63px; position: absolute; top: 0; bottom: 0; margin: auto; z-index: 30; cursor: pointer; transition: all 0.5s; } .product2 .cCont2-5 .slideBox .next { right: -80px; background: url("../images/btn-next-2.png") no-repeat 0 0; } .product2 .cCont2-5 .slideBox .prev { left: -80px; background: url("../images/btn-prev-2.png") no-repeat 0 0; } .product2 .cCont2-5 .slideBox .next:hover { background-image: url(../images/btn-next-2on.png); } .product2 .cCont2-5 .slideBox .prev:hover { background-image: url(../images/btn-prev-2on.png); } .product2 .cCont2-5 .slideBox .bd { overflow: hidden; } .product2 .cCont3 { height: 520px; background: url("../images/product/product2-cont3-bg.jpg") no-repeat center top; } .product2 .cCont3 .posCont { float: right; width: 640px; padding-top: 100px; padding-left: 30px; position: relative; } .product2 .cCont3 .posCont:before { content: ""; width: 0; height: 160px; border-left: 3px solid #c69d71; position: absolute; left: 0; top: 100px; } .product2 .cCont3 .posCont h3 { color: #da2c25; font-size: 30px; margin-top: -5px; margin-bottom: 15px; } .product2 .cCont3 .posCont h4 { color: #c69d71; font-size: 18px; margin-bottom: 3px; line-height: 25px; } .product2 .cCont3 .posCont p { color: #8e9091; font-size: 15px; line-height: 30px; } .product2 .cCont4 { padding: 70px 0 90px; } .product2 .cCont4 h3 { width: 496px; height: 86px; color: #4e555a; background: url("../images/product/product2-cont4-txt-ew.jpg") repeat 0 0; margin-bottom: 28px; font-size: 20px; } .product2 .cCont4 .Card { background-color: #fbf5f1; } .product2 .cCont4 .Card .L { float: left; width: 620px; padding: 0 30px; } .product2 .cCont4 .Card .ovs-dt { margin-bottom: 40px; } .product2 .cCont4 .Card .ovs-dt ul { font-size: 0; } .product2 .cCont4 .Card .ovs-dt li.on { border-top-color: #e60707; } .product2 .cCont4 .Card .ovs-dt li { display: inline-block; color: #785656; margin-right: 24px; font-size: 14px; line-height: 60px; border-top: 3px solid transparent; cursor: pointer; } .product2 .cCont4 .Card .L h4 { color: #726056; font-size: 22px; margin-bottom: 24px; } .product2 .cCont4 .Card .L p { color: #918e8c; padding-left: 30px; margin-bottom: 26px; position: relative; } .product2 .cCont4 .Card .L p strong { display: inline-block; width: 22px; height: 22px; background-color: #beae9b; border-radius: 50%; line-height: 22px; text-align: center; color: #fff; position: absolute; left: 0; top: 0; } .product2 .cCont4 .Card .L .list { width: 560px; max-height: 240px; padding-right: 10px; overflow: auto; box-sizing: content-box; } .product2 .cCont4 .Card .R { float: right; width: 640px; height: 419px; overflow: hidden; } .product2 .cCont4 .Card .R .img-dd { width: 640px; height: 419px; overflow: hidden; } .product2 .cCont4 .Card .R .img-dd .img_box { width: 640px; height: 419px; overflow: hidden; } .product2 .cCont5 { background-color: #e6d6b4; padding-top: 74px; } .product2 .cCont5 .tip { margin-bottom: 40px; } .product2 .cCont5 .tip h3 { color: #4e555a; font-size: 20px; margin-bottom: 16px; } .product2 .cCont5 .tip p { color: #898376; font-size: 15px; } .product2 .cCont5 .video_btn { width: 252px; height: 59px; border-radius: 50px; border: 1px solid #fff; margin-top: 30px; padding-left: 10px; cursor: pointer; transition: all 0.5s; } .product2 .cCont5 .video_btn h6 { font-size: 16px; color: #fff; line-height: 57px; padding-left: 60px; background: url(../images/product/pro_video.png) no-repeat center left; transition: all 0.5s; } .product2 .cCont5 .video_btn:hover { border: 1px solid #e11515; } .product2 .cCont5 .video_btn:hover h6 { color: #e11515; background-image: url(../images/product/pro_videoon.png); } .product2 .cCont5 .video_box { position: relative; width: 100%; height: 554px; overflow: hidden; margin-top: 20px; } .product2 .cCont5 .video_box .bd li { position: absolute; width: 100%; height: 554px; } .product2 .cCont5 .video_box .bd li .font { position: absolute; left: 50px; bottom: 40px; color: #fff; font-size: 26px; } .product2 .cCont5 .video_box .bd li::after { content: ""; display: block; position: absolute; top: 50%; left: 50%; margin-top: -42px; margin-left: -42px; width: 84px; height: 84px; background: url(../images/news/new_video.png) no-repeat center; cursor: pointer; } .product2 .cCont5 .video_box .hd { position: absolute; right: 50px; bottom: 45px; } .product2 .cCont5 .video_box .hd li { position: relative; float: left; width: 12px; height: 12px; background: rgba(255, 255, 255, 0.5); margin-left: 5px; transition: all 0.5s; } .product2 .cCont5 .video_box .hd li.on { background: #fff; } .product2 .cCont5 .card { width: 1300px; } .product2 .cCont5 .card .li { float: left; width: 400px; height: 407px; background-color: #ddcdac; padding: 40px 25px 0; margin-right: 30px; transition: all 0.3s; cursor: default; } .product2 .cCont5 .card .li .ic { display: block; width: 100px; height: 100px; margin: 0 auto 10px; background-color: #fff; border: 10px solid #e4d7bd; border-radius: 50%; text-align: center; position: relative; } .product2 .cCont5 .card .li .ic img { display: inline-block; line-height: 50px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .product2 .cCont5 .card .li h4 { color: #645639; font-size: 24px; margin-bottom: 10px; text-align: center; } .product2 .cCont5 .card .txt { width: 100%; padding-right: 10px; max-height: 159px; overflow: auto; box-sizing: content-box; } .product2 .cCont5 .card p { color: #8e8063; } .product2 .cCont5 .card .li:hover { background-color: #d4c19b; } /*news1*/ .news1 .cCont1 { padding: 30px 0 40px; background: url("../images/news/news1-cont1-bg.jpg") no-repeat center bottom; } .news1 .cCont1 .L { float: left; width: 835px; height: 425px; overflow: hidden; position: relative; } .news1 .cCont1 .L:hover .img img { transform: scale(1.08); } .news1 .cCont1 .L .img img { width: 100%; transition: all 1s; } .news1 .cCont1 .L .cont { padding: 60px 30px 30px; position: absolute; left: 0; right: 0; bottom: 0; background: url("../images/news/news1-cont1-l-show.png") repeat-x left bottom; } .news1 .cCont1 .L .cont h3 { color: #ffffff; font-size: 18px; } .news1 .cCont1 .L .img { position: relative; float: left; width: 835px; height: 425px; } .news1 .cCont1 .L .img::after{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.25); } .news1 .cCont1 .R { float: right; width: 410px; height: 425px; } .news1 .cCont1 .R .pub_mask { background-color: #fff; } .news1 .cCont1 .R .img img { width: 100%; } .news1 .cCont1 .R .ew { height: 136px; margin-top: -68px; background: url("../images/news/news1-cont1-ew-br.png") no-repeat center top; position: relative; z-index: 10; margin-bottom: -12px; } .news1 .cCont1 .R .ew .si { width: 60px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .news1 .cCont1 .R .cont { padding: 0 24px; } .news1 .cCont1 .R .cont h3 { color: #d21919; font-size: 20px; margin-bottom: 10px; } .news1 .cCont1 .R .cont h4 { color: #4c4c4c; font-size: 14px; margin-bottom: 10px; } .news1 .cCont1 .R .cont h5 { color: #898484; font-size: 14px; } .news1 .cCont1 .R .cont h5 em { color: #be8f71; font-size: 16px; font-family: "Rajdhani"; } .news1 .cCont2 { padding-bottom: 70px; } .news1 .cCont2 .tip { padding: 40px 0 20px; } .news1 .cCont2 .setBtn { float: left; width: 407px; margin-right: 20px; } .news1 .cCont2 .setBtn .li { float: left; width: 120px; height: 50px; margin-right: 10px; color: #494949; line-height: 50px; padding-left: 48px; cursor: pointer; } .news1 .cCont2 .setBtn .li.on { color: #f2baba; } .news1 .cCont2 .setBtn .li.i1.on { background: #d21919 url("../images/news/news1-cont2-tip-ic1.png") no-repeat 25px center; } .news1 .cCont2 .setBtn .li.i1 { background: #f5f5f5 url("../images/news/news1-cont2-tip-ic1-on.png") no-repeat 25px center; } .news1 .cCont2 .setBtn .li.i2.on { background: #d21919 url("../images/news/news1-cont2-tip-ic2.png") no-repeat 25px center; } .news1 .cCont2 .setBtn .li.i2 { background: #f5f5f5 url("../images/news/news1-cont2-tip-ic2-on.png") no-repeat 25px center; } .news1 .cCont2 .tip .drop-down { float: left; width: 407px; height: 50px; position: relative; } .news1 .cCont2 .tip .drop-txt:after { content: ""; width: 100px; background: #dedede url("../images/news/news1-cont2-tip-ic3.png") no-repeat center center; position: absolute; right: -2px; top: -2px; bottom: -2px; } .news1 .cCont2 .tip .drop-txt { border: 2px solid #f5f5f5; height: 50px; line-height: 50px; padding: 0 130px 0 30px; color: #757575; position: relative; cursor: pointer; } .news1 .cCont2 .tip .drop-down ul { display: none; border: 2px solid #f5f5f5; border-top: none; max-height: 280px; background-color: #fff; position: absolute; left: 0; right: 0; top: 100%; z-index: 220; } .news1 .cCont2 .tip .drop-down ul li.on { background-color: #f5f5f5; } .news1 .cCont2 .tip .drop-down ul li { display: block; background-color: #fff; height: 35px; line-height: 35px; padding: 0 30px; color: #757575; cursor: pointer; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .news1 .cCont2 .tip .drop-down ul li:hover { background-color: #f5f5f5; } .news1 .cCont2 .tip .searchBox { float: right; width: 407px; height: 50px; border: 2px solid #f5f5f5; } .news1 .cCont2 .tip .searchBox .btn { float: left; width: 100px; height: 50px; background: #ec0000 url("../images/news/news1-cont2-tip-ic4.png") no-repeat center center; margin: -2px -2px 0 0; } .news1 .cCont2 .tip .searchBox input { float: left; width: 305px; height: 46px; padding: 0 30px; color: #757575; } .news1 .cCont2 .tip .searchBox::-webkit-input-placeholder, .news1 .cCont2 .tip .searchBox:-moz-placeholder, .news1 .cCont2 .tip .searchBox::-moz-placeholder, .news1 .cCont2 .tip .searchBox:-ms-input-placeholder { color: #757575; } .news-card { width: 1300px; } .news-card .box { float: left; width: 407px; background-color: #f5f5f5; margin-right: 20px; margin-bottom: 20px; transition: all 0.5s; } .news-card .box:hover { box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3); } .news-card .box .img img { width: 100%; transition: all 0.5s; } .news-card .box .img { height: 260px; overflow: hidden; } .news-card .box .cont { padding: 20px; height: 200px; } .news-card .box .cont .txt { height: 60px; } .news-card .box .cont .btn { color: #535353; font-size: 14px; padding-top: 15px; border-top: 1px solid #d9d9d9; background: url("../images/news/news1-cont2-ic5.png") no-repeat 300px bottom; font-family: "Montserrat"; line-height: 10px; transition: all 0.5s; } .news-card .box .cont .txt p { color: #535353; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .news-card .pub_more { margin-top: 20px; } .news-card .box .cont h3 { color: #535353; font-size: 18px; margin-bottom: 10px; transition: all 0.5s; } .news-card .box:hover .cont h3 { color: #e11515; } .news-card .box:hover .img img { transform: scale(1.05); } .news-card.List { width: auto; } .news-card.List .box { float: none; width: auto; overflow: hidden; } .news-card.List .box .cont { margin-left: 313px; padding-top: 30px; } .news-card.List .box .img { float: left; width: 313px; height: 200px; margin-right: 30px; } /* xz */ .news1-data { padding: 327px 0 50px; } .new_luxy .luxy_box { background: #f2f6fa url("../images/news/news1-data-bg.jpg") no-repeat center top; background-attachment: fixed; } .news1-data .ipg1 { width: 100%; background: rgba(255, 255, 255, 0.5); padding: 20px; } .news1-data .ipg1_box { position: relative; width: 100%; background: #fff; padding: 40px 40px 90px 40px; } .news1-data .ipg1_box .back { position: absolute; top: 40px; right: 30px; width: 102px; height: 102px; background: #e6e6e6 url(../images/news/back.png) no-repeat center; } .news1-data .ipg1_box .tit { font-size: 24px; color: #666; margin-bottom: 20px; } .news1-data .ipg1_box .time { float: left; } .news1-data .ipg1_box .time .le { float: left; width: 57px; height: 22px; background: #de0404; font-size: 14px; color: #fff; line-height: 22px; text-align: center; text-transform: uppercase; } .news1-data .ipg1_box .time .ri { float: left; width: 84px; height: 22px; background: #282828; font-size: 14px; color: #fff; line-height: 22px; text-align: center; font-family: "Montserrat"; } .news1-data .ipg1_box .bshare-custom { float: left; margin-left: 45px; } .news1-data .ipg1_box .bshare-custom li { float: left; margin-right: 30px; } .news1-data .ipg1_box .bshare-custom li .wx { width: 22px; height: 19px; background: url(../images/news/wx.png) no-repeat center; } .news1-data .ipg1_box .bshare-custom li .wb { width: 23px; height: 18px; background: url(../images/news/wb.png) no-repeat center; } .news1-data .ipg1_box .bshare-custom li .qq { width: 18px; height: 20px; background: url(../images/news/qq.png) no-repeat center; } .news1-data .ipg1_box .new_con { padding-top: 80px; } .news1-data .ipg1_box .new_con p { font-size: 14px; color: #666; margin-bottom: 30px; } .news1-data .ipg1_box .new_con p img{ display: block; margin: 0 auto 6px; } .news1-data .ipg1_box .new_con .pic { text-align: center; margin-bottom: 30px; } .service .ipg1 { padding-top: 100px; height: 640px; background: url(../images/about/about3-cont1-bg.jpg) no-repeat center top; } .service .ipg1 .card { position: relative; width: 100%; height: 356px; } .service .ipg1 .card:before { content: ""; width: 65px; height: 136px; background: url(../images/about/about4-cont1-s2.png) no-repeat left bottom; position: absolute; left: -65px; bottom: -15px; } .service .ipg1 .card:after { content: ""; width: 79px; height: 136px; background: url(../images/about/about4-cont1-s1.png) no-repeat right bottom; position: absolute; right: -79px; bottom: 0; } .service .ipg1 .card .img { float: left; width: 492px; height: 356px; overflow: hidden; } .service .ipg1 .card .cont { float: left; width: 768px; height: 356px; } .service .ipg1 .card .cont .pub_mask { background: url(../images/service/ipg1_2.jpg) no-repeat center; } .service .ipg1 .card .le { float: left; margin: 50px 70px 0 45px; } .service .ipg1 .card .le h6 { font-size: 24px; color: #e21a1a; margin-bottom: 20px; } .service .ipg1 .card .le p { color: #91908e; } .service .ipg1 .ri { float: left; margin: 100px 0 0 60px; } .service .ipg1 .ri .top { background: url(../images/service/ipg1_ic1.jpg.png) no-repeat top left; padding-left: 50px; } .service .ipg1 .ri .top h6 { font-size: 14px; color: #404040; } .service .ipg1 .ri .top p { font-size: 14px; color: #91908e; } .service .ipg1 .ri .top p em { font-size: 24px; color: #c69d71; margin-right: 3px; font-family: "Rajdhani"; } .service .ipg1 .ri .top p em + em { margin-left: 3px; } .service .ipg1 .ri .top p + p { margin-top: -10px; } .service .ipg1 .bom { margin-top: 25px; } .service .ipg1 .bom .ema { float: left; background: url(../images/service/ipg1_ic2.jpg.png) no-repeat top left; padding-left: 50px; margin-right: 20px; } .service .ipg1 .bom .qq { float: left; background: url(../images/service/ipg1_ic3.jpg.png) no-repeat top left; padding-left: 40px; } .service .ipg1 .bom h6 { font-size: 14px; color: #404040; } .service .ipg1 .bom p { font-size: 14px; color: #91908e; font-family: "Rajdhani"; } .service .ipg2 { width: 100%; height: 435px; background: url(../images/service/ipg2_bg.jpg) no-repeat center; padding-top: 60px; } .service .ipg2 h5 { font-size: 24px; color: #4b4a49; margin-bottom: 50px; text-align: center; } .service .ipg2 ul { width: 1280px; } .service .ipg2 li { position: relative; float: left; text-align: center; padding-top: 40px; width: 302px; height: 177px; background: url(../images/service/ipg2_li4.png) no-repeat center; border-radius: 10px; margin-right: 18px; } .service .ipg2 li h6 { font-size: 16px; color: #6b6b6b; margin-top: 10px; } .service .ipg2 li p { font-size: 16px; color: #6b6b6b; text-align: center; font-family: "Rajdhani"; } .service .ipg2 li.li1 { background-color: #fff; } .service .ipg2 li::after { content: ""; position: absolute; right: -14px; top: 50%; margin-top: -17px; width: 33px; height: 33px; background: url(../images/service/ipg2_ics.png) no-repeat center; } .service .ipg2 li:last-child::after { display: none; } .service .ipg3 { width: 100%; height: 680px; background: url(../images/service/ipg3_bg.jpg) no-repeat center; padding-top: 70px; } .service .ipg3 h6 { font-size: 20px; color: rgba(109, 109, 109, 0.8); background: url(../images/service/ipg3_ic.png) no-repeat center left; padding-left: 110px; margin-bottom: 50px; } .service .ipg3 .info .le { float: left; width: 492px; height: 428px; padding: 110px 50px; } .service .ipg3 .info .le h5 { font-size: 26px; color: #e60012; line-height: 32px; margin-bottom: 25px; } .service .ipg3 .info .le h5 em { color: #d8dbde; font-size: 32px; font-family: "Rajdhani"; text-transform: uppercase; line-height: 32px; margin-left: 10px; } .service .ipg3 .info .le p { color: #7f7f7f !important; } .service .ipg3 .info .le h4 { color: rgba(127, 127, 127, 0.7); font-size: 16px; font-family: "Rajdhani"; margin: 10px 0; } .service .ipg3 .info .ri { float: left; width: 768px; height: 428px; overflow: hidden; } .service .ipg3 .con { position: relative; background: #f6f6f6; } .service .ipg3 .top { position: absolute; top: 0; left: 50px; } .service .ipg3 .top li { float: left; font-size: 16px; color: #7f7f7f; margin-right: 35px; line-height: 50px; border-top: 2px solid transparent; cursor: pointer; } .service .ipg3 .top li.on { border-top: 2px solid #e60012; } .contact .ipg1 { padding-top: 100px; height: 640px; background: url(../images/about/about3-cont1-bg.jpg) no-repeat center top; } .contact .ipg1 .card { position: relative; width: 100%; height: 356px; } .contact .ipg1 .card:before { content: ""; width: 65px; height: 136px; background: url(../images/about/about4-cont1-s2.png) no-repeat left bottom; position: absolute; left: -65px; bottom: -15px; } .contact .ipg1 .card:after { content: ""; width: 79px; height: 136px; background: url(../images/about/about4-cont1-s1.png) no-repeat right bottom; position: absolute; right: -79px; bottom: 0; } .contact .ipg1 .card .img { float: left; width: 492px; height: 356px; overflow: hidden; } .contact .ipg1 .card .img .pub_mask { background: url(../images/contact/contact_le.jpg) no-repeat center; } .contact .ipg1 .card .ewm { width: 127px; height: 127px; background: #fff; margin: 0 auto; margin-bottom: 10px; margin-top: 100px; } .contact .ipg1 .card p { text-align: center; font-size: 14px; color: #233b46; } .contact .ipg1 .card .cont { float: left; width: 768px; height: 356px; } .contact .ipg1 .card .cont .pub_mask { background: url(../images/contact/contact_ri.jpg) no-repeat center; padding: 50px 0 0 50px; } .contact .ipg1 .card .cont .tit { font-size: 24px; color: #c69d71; margin-bottom: 40px; } .contact .ipg1 .card .cont li { float: left; width: 380px; margin-bottom: 35px; margin-right: 40px; height: 43px; background: url(../images/contact/contact_ic1.png) no-repeat center left; } .contact .ipg1 .card .cont li.li0 { padding-left: 65px; background-image: url(../images/contact/contact_ic1.png); } .contact .ipg1 .card .cont li.li1 { padding-left: 65px; background-image: url(../images/contact/contact_ic1.png); } .contact .ipg1 .card .cont li.li2 { padding-left: 45px; width: 250px; background-image: url(../images/contact/contact_ic2.png); } .contact .ipg1 .card .cont li.li3 { padding-left: 65px; background: url(../images/contact/contact_ic3.png) no-repeat 10px center; } .contact .ipg1 .card .cont li.li4 { padding-left: 50px; width: 250px; background-image: url(../images/contact/contact_ic4.png); } .contact .ipg1 .card .cont li h6 { font-size: 14px; color: #080808; margin-top: 3px; } .contact .ipg1 .card .cont li p { font-size: 14px; color: rgba(8, 8, 8, 0.6); text-align: left; font-family: "Rajdhani"; } .contact .map { width: 100%; height: 535px; } .contact .map #map { width: 100%; height: 535px; } .product3 .cCont1 .L { width: 483px; padding-top: 50px; padding-left: 70px; } .product3 .cCont1 .R h6 { font-size: 16px; color: #c69d71; margin-bottom: 10px; } .product3 .cCont1 .R p { color: rgba(83, 83, 83, 0.6); } .product3 .cCont1 .R { height: 445px; background: url(../images/product/pro3_ic3.png) no-repeat 100px bottom; } .product3 .cCont1 .R .pub_mask { height: 200px; } .product3 .ipg2 { width: 100%; height: 488px; background: url(../images/product/pro_ipg2_bg.jpg) no-repeat center left; background-size: cover; } .product3 .ipg2 .left { float: left; width: 950px; height: 488px; margin-left: -330px; padding-left: 330px; padding-right: 55px; padding-top: 130px; } .product3 .ipg2 .left h6 { font-size: 30px; color: #d73131; margin-bottom: 15px; } .product3 .ipg2 .left p { color: rgba(94, 86, 63, 0.8); margin-bottom: 25px; } .product3 .ipg2 .left li { float: left; width: 280px; font-size: 14px; color: #785656; padding-left: 15px; background: url(../images/product/pro3_dot.png) no-repeat center left; } .product3 .ipg2 .left li p { margin-bottom: 0; } .product3 .ipg2 .right { float: right; width: 970px; height: 488px; margin-right: -330px; background: #fff; } .product3 .ipg2 .right .slideBox { height: 488px; position: relative; } .product3 .ipg2 .right .slideBox .prev, .product3 .ipg2 .right .slideBox .next { width: 80px; height: 60px; position: absolute; bottom: 0; z-index: 99; } .product3 .ipg2 .right .slideBox .prev:hover { background: #434343 url("../images/product/product2-cont2-left.png") no-repeat center center; } .product3 .ipg2 .right .slideBox .prev { left: 0; background: #666666 url("../images/product/product2-cont2-left.png") no-repeat center center; border-right: 1px solid #d0d0d0; } .product3 .ipg2 .right .slideBox .next:hover { background: #434343 url("../images/product/product2-cont2-right.png") no-repeat center center; } .product3 .ipg2 .right .slideBox .next { left: 80px; background: #666666 url("../images/product/product2-cont2-right.png") no-repeat center center; } .product3 .ipg2 .right .bd li { width: 970px; height: 488px; overflow: hidden; } .product3 .ipg2 .right .bd img { width: 100%; } .product3 .ipg2 .w1260 { position: relative; } .product3 .ipg2 .tab { position: absolute; top: 40px; left: 0; } .product3 .ipg2 .tab li { float: left; line-height: 43px; font-size: 16px; color: #c69d71; padding: 0 20px; background: rgba(255, 255, 255, 0.5); margin-right: 15px; border-radius: 50px; cursor: pointer; } .product3 .ipg2 .tab li.on { background: rgba(255, 255, 255, 0.8); color: #d73131; } .product3 .ipg3 { width: 100%; padding: 70px 0 90px; } .product3 .ipg3 h6 { font-size: 20px; color: #676c74; margin-bottom: 15px; text-align: center; } .product3 .ipg3 h5 { font-size: 26px; color: #e21a1a; margin-bottom: 15px; text-align: center; } .product3 .ipg3 p { font-size: 14px; color: rgba(120, 86, 86, 0.9); margin-bottom: 35px; text-align: center; } .product3 .ipg3 .logo_box ul { width: 1264px; } .product3 .ipg3 .logo_box li { float: left; width: 150px; height: 97px; border: 1px solid #e3d4b9; margin-right: 8px; margin-bottom: 8px; } .product3 .ipg4 .video_box { position: relative; width: 100%; height: 554px; overflow: hidden; margin-top: 70px; } .product3 .ipg4 .video_box .bd li { position: absolute; width: 100%; height: 554px; } .product3 .ipg4 .video_box .bd li .font { position: absolute; left: 50px; bottom: 40px; color: #fff; font-size: 26px; } .product3 .ipg4 .video_box .bd li::after { content: ""; display: block; position: absolute; top: 50%; left: 50%; margin-top: -42px; margin-left: -42px; width: 84px; height: 84px; background: url(../images/news/new_video.png) no-repeat center; cursor: pointer; } .product3 .ipg4 .video_box .hd { position: absolute; right: 50px; bottom: 45px; } .product3 .ipg4 .video_box .hd li { position: relative; float: left; width: 12px; height: 12px; background: rgba(255, 255, 255, 0.5); margin-left: 5px; transition: all 0.5s; } .product3 .ipg4 .video_box .hd li.on { background: #fff; } .product3 .ipg4 { width: 100%; height: 1367px; background: #f7e3ce url(../images/product/pro3_ipg4.jpg) no-repeat center top; padding-top: 50px; } .product3 .ipg4 .top h6 { font-size: 20px; color: #6a5743; margin-bottom: 30px; text-align: center; } .product3 .ipg4 .top ul { width: 1263px; } .product3 .ipg4 .top li { position: relative; float: left; width: 421px; height: 121px; background: url(../images/product/pro3_ipg4_li.png) no-repeat center; padding-left: 50px; } .product3 .ipg4 .top li p { display: inline-block; font-size: 20px; color: #fff !important; line-height: 121px; background: url(../images/product/pro3_ipg4_btn.png) no-repeat center right; padding-right: 30px; } .product3 .ipg4 .top li .icon { position: absolute; right: 40px; top: 15px; } .product3 .ipg4 .bom h6 { font-size: 20px; color: #6a5743; margin-bottom: 100px; text-align: center; margin-top: 45px; } .product3 .ipg4 .bom ul { width: 1280px; } .product3 .ipg4 .bom li { float: left; margin-right: 22px; } .product3 .ipg4 .bom li .img { width: 298px; height: 166px; overflow: hidden; } .product3 .ipg4 .bom .img img { transition: all 1s; } .product3 .ipg4 .bom li:hover .img img { transform: scale(1.08); } .product3 .ipg4 .bom li .font { width: 298px; height: 90px; padding: 20px; background: #fff; } .product3 .ipg4 .bom li h5 { font-size: 16px; color: #d73131; } .product3 .ipg4 .bom li p { color: rgba(103, 93, 61, 0.8); } .product3 .ipg5 { width: 100%; height: 320px; background: url(../images/product/pro3_ipg5.jpg) no-repeat center top; padding-top: 60px; } .product3 .ipg5 .icon { width: 59px; height: 59px; background: url(../images/product/pro_ipg5_ic.png) no-repeat center; margin: 0 auto; margin-bottom: 10px; } .product3 .ipg5 .h6 { font-size: 18px; color: #896d6d; margin-bottom: 15px; text-align: center; } .product3 .ipg5 .phone { font-size: 48px; color: #ffbe00; margin-bottom: 5px; text-align: center; font-family: "Rajdhani"; line-height: 48px; } .product3 .ipg5 p { color: #896d6d; font-size: 16px; text-align: center; } .product4 .cCont1 .L { padding-top: 65px; padding-left: 100px; } .product4 .cCont1 .R { float: right; width: 760px; margin-right: 0; padding-top: 70px; } .product4 .cCont1 .R .tit { margin-bottom: 30px; } .product4 .cCont1 .R .pub_mask { height: 270px; } .product4 .cCont1 .R h6 { color: #e79300; margin-bottom: 10px; } .product4 .cCont1 .R { height: 445px; background: url(../images/product/pro4_ic2.png) no-repeat 100px bottom; } .product4 .ipg2 { width: 100%; background: #fff; padding-top: 70px; padding-bottom: 50px; } .product4 .ipg2 .bd { position: relative; } .product4 .ipg2 li { width: 1260px; height: 541px; } .product4 .ipg2 .next, .product4 .ipg2 .prev { width: 60px; height: 60px; position: absolute; top: 0; bottom: 0; margin: auto; z-index: 30; cursor: pointer; transition: all 0.5s; } .product4 .ipg2 .next { right: -80px; background: url(../images/btn-next-1.png) no-repeat 0 0; } .product4 .ipg2 .prev { left: -80px; background: url(../images/btn-prev-1.png) no-repeat 0 0; } .product4 .ipg2 .next:hover { right: -80px; background: url(../images/btn-next-1on.png) no-repeat 0 0; } .product4 .ipg2 .prev:hover { left: -80px; background: url(../images/btn-prev-1on.png) no-repeat 0 0; } .product4 .ipg2 h6 { color: #e60707; font-size: 22px; line-height: 1; margin-top: 50px; margin-bottom: 15px; font-weight: 300; } .product4 .ipg2 p { color: rgba(83, 83, 83, 0.6); } .join1 .ipg1 { padding-top: 100px; height: 640px; background: url(../images/about/about3-cont1-bg.jpg) no-repeat center top; } .join1 .ipg1 h6 { font-size: 26px; color: #c8a785; margin-top: 40px; margin-bottom: 7px; } .join1 .ipg1 p { color: rgba(83, 83, 83, 0.3) !important; font-size: 12px; line-height: 10px; font-family: "BrandonGrotesque"; text-transform: uppercase; margin-top: 5px; font-weight: bold; margin-bottom: 40px; } .join1 .ipg1 ul { width: 1268px; } .join1 .ipg1 li { float: left; margin-right: 8px; } .join1 .ipg1 li + li { margin-top: 20px; } .join1 .ipg1 li + li + li { margin-top: 0; } .join1 .ipg1 li + li + li + li { margin-top: 20px; } .join1 .ipg1 li .img { width: 309px; height: 182px; overflow: hidden; border-radius: 0 0 10px 10px; } .join1 .ipg1 li .img img { transition: 1s all; } .join1 .ipg1 li:hover .img img { transform: scale(1.08); } .join1 .ipg1 li .font { position: relative; width: 309px; height: 69px; background: #fff; line-height: 69px; font-size: 20px; color: #4c4c4c; padding-left: 30px; border-radius: 10px 10px 0 0; transition: all 0.5s; } .join1 .ipg1 li .font::after { content: ""; display: block; position: absolute; top: 0; left: 30px; width: 109px; height: 4px; background: #ddd; transition: all 0.5s; } .join1 .ipg1 li:hover .font { color: #e11515; } .join1 .ipg1 li:hover .font::after { background: #e11515; } .join1 .ipg2 { width: 100%; height: 600px; background: url(../images/join/join1_bg.jpg) no-repeat center; } .join1 .ipg2 .w1260 { position: relative; height: 100%; padding-top: 200px; } .join1 .ipg2 h6 { font-size: 26px; color: #fff; margin-top: 15px; } .join1 .ipg2 h5 { font-size: 26px; color: rgba(255, 255, 255, 0.5); font-family: "Rajdhani"; margin-bottom: 10px; } .join1 .ipg2 p { color: rgba(255, 255, 255, 0.5) !important; } .join1 .ipg2 .ic2 { position: absolute; right: 165px; top: 80px; width: 500px; height: 500px; background: url(../images/join/join1_sj2.png) no-repeat center; } .join1 .ipg2 li { position: absolute; font-size: 18px; color: rgba(255, 255, 255, 0.8); } .join1 .ipg2 li.li1 { top: 175px; right: 360px; } .join1 .ipg2 li.li2 { bottom: 155px; right: 480px; } .join1 .ipg2 li.li3 { bottom: 155px; right: 240px; } .join2 .ipg1 { width: 100%; padding-top: 100px; background: #fff url(../images/join/join2.jpg) no-repeat center top; } .join2 .ipg1_box { width: 100%; margin-top: 40px; padding: 80px 40px; background: #fff; } .join2 .ipg1_box .pub_more { margin-top: 20px; } .join2 .ipg1_box ul { width: 1202px; } .join2 .ipg1_box li { position: relative; float: left; width: 576px; height: 142px; background: #f8f4ef; margin-right: 25px; margin-bottom: 25px; padding: 40px 30px; cursor: pointer; } .join2 .ipg1_box li h6 { font-size: 20px; color: #c69d71; margin-bottom: 5px; transition: all 0.5s; } .join2 .ipg1_box li p { display: inline-block; font-size: 14px; color: rgba(88, 76, 61, 0.8); margin-right: 15px; } .join2 .ipg1_box li .btn { position: absolute; right: 30px; top: 50%; margin-top: -17px; width: 35px; height: 35px; background: #e4dcd2 url(../images/join/join2_btn.png) no-repeat center; transition: all 0.5s; } .join2 .ipg1_box li:hover h6 { color: #e21a1a; } .join2 .ipg1_box li:hover .btn { background-color: #e21a1a; } .pub_btn { width: 140px; height: 50px; background: #d73131; line-height: 50px; text-align: center; font-size: 14px; color: #fff; margin: 0 auto; letter-spacing: 2px; margin-top: 20px; cursor: pointer; } .order { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; display: none; } .order .mask { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.75); } .order .orBody { position: absolute; top: 18%; left: 50%; margin-left: -630px; width: 1260px; height: 650px; background: #fff; padding: 70px 40px 80px 40px; } .order .orBody .close { position: absolute; right: 0; top: -52px; width: 48px; height: 48px; background: #d0d0d0 url(../images/join/close.png) no-repeat center; cursor: pointer; } .order .orBody .top { padding-bottom: 28px; background: url(../images/join/line.png) no-repeat left bottom; margin-bottom: 35px; } .order .orBody .top h6 { font-size: 36px; color: #e21a1a; margin-bottom: 5px; } .order .orBody .top p { display: inline-block; font-size: 16px; color: #81786e; margin-right: 20px; } .order .orBody .bom .font { margin-bottom: 20px; } .order .orBody .bom h6 { font-size: 18px; color: #c69d71; margin-bottom: 10px; } .order .orBody .bom p { font-size: 14px; color: rgba(84, 88, 82, 0.8); } .order .orBody .tab { position: absolute; bottom: 45px; right: 0; left: 0; width: 150px; height: 60px; margin: 0 auto; background: #c6000c; text-align: center; line-height: 60px; font-size: 14px; color: #fff; margin-top: 50px; cursor: pointer; } .order .orBody .tab_con2{ display: none; } .order .orBody .up { padding-bottom: 20px; background: url(../images/join/line.png) no-repeat left bottom; margin-bottom: 20px; } .order .orBody .up .txt { position: relative; } .order .orBody .up .txt .back { position: absolute; right: 0; bottom: 0; font-size: 20px; color: #c69d71; padding-right: 15px; background: url(../images/join/back_btn.png) no-repeat center right; cursor: pointer; } .order .orBody .up h6 { font-size: 36px; color: #c69d71; margin-bottom: 10px; } .order .orBody .up p { display: inline-block; margin-right: 25px; } .order .orBody .up p em { font-size: 18px; color: #c6000c; } .order .orBody .inp_ul input { float: left; width: 575px; height: 60px; background: #f8f4ef; margin: 0 15px 15px 0; padding-left: 35px; font-size: 14px; color: rgba(129, 120, 110, 0.6); line-height: 60px; } .order .orBody .inp_ul input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: rgba(129, 120, 110, 0.6); } .order .orBody .inp_ul input::-moz-placeholder { /* Firefox 19+ */ color: rgba(129, 120, 110, 0.6); } .order .orBody .inp_ul input:-ms-input-placeholder { /* IE 10+ */ color: rgba(129, 120, 110, 0.6); } .order .orBody .inp_ul input:-moz-placeholder { /* Firefox 18- */ color: rgba(129, 120, 110, 0.6); } .order .orBody .file_box { margin-top: 20px; position: relative; height: 40px; } .order .orBody .file_box input { position: absolute; z-index: 2; top: 0; left: 0; width: 140px; height: 40px; opacity: 0; cursor: pointer; } .order .orBody .file_box .file { position: absolute; z-index: 1; top: 0; left: 0; width: 140px; height: 40px; border: 1px solid #c69d71; font-size: 14px; line-height: 40px; text-align: center; color: #c69d71; } .order .orBody .file_box h6 { font-size: 14px; color: #5c5c5c; padding-left: 155px; } .order .orBody .hint { position: relative; margin-top: 45px; padding-left: 100px; } .order .orBody .hint a { position: absolute; left: 0; top: 0; font-size: 16px; color: rgba(41, 41, 41, 0.8); line-height: 22px; padding-left: 32px; background: url(../images/join/sel.png) no-repeat left center; cursor: pointer; transition: .5s all; } .order .orBody .hint a.on{ background-image: url(../images/join/sel2.png); } .order .orBody .hint p{ color: rgba(94, 88, 82, 0.8) !important; } .order .orBody .button{ width: 150px; height: 60px; background: #c6000c; margin: 0 auto; margin-top: 52px; font-size: 14px; color: #fff; text-align: center; line-height: 60px; cursor: pointer; } .join3 .ipg1 { padding-top: 100px; height: 640px; background: url(../images/about/about3-cont1-bg.jpg) no-repeat center top; } .join3 .ipg1 .card { position: relative; width: 100%; height: 356px; } .join3 .ipg1 .card .img { float: left; width: 492px; height: 356px; overflow: hidden; } .join3 .ipg1 .card .cont { float: left; width: 768px; height: 356px; } .join3 .ipg1 .card .cont .pub_mask { background: url(../images/join/join3_i2.jpg) no-repeat center; padding: 60px 60px 45px 45px; } .join3 .ipg1 .card:before { content: ""; width: 65px; height: 136px; background: url(../images/about/about4-cont1-s2.png) no-repeat left bottom; position: absolute; left: -65px; bottom: -15px; } .join3 .ipg1 .card:after { content: ""; width: 79px; height: 136px; background: url(../images/about/about4-cont1-s1.png) no-repeat right bottom; position: absolute; right: -79px; bottom: 0; } .join3 .ipg1 .cont .font_top h6 { font-size: 24px; color: #e21a1a; margin-bottom: 15px; } .join3 .ipg1 .cont .font_top p { font-size: 14px; color: #91908e; margin-bottom: 20px; } .join3 .ipg1 .cont .font_bom .left { float: left; width: 385px; } .join3 .ipg1 .cont .font_bom .left p { font-size: 20px; color: #c69d71 !important; margin-bottom: 5px; } .join3 .ipg1 .cont .font_bom .right { float: right; display: none; } .join3 .ipg1 .cont .font_bom .right .ic { margin-bottom: 3px; padding-left: 45px; } .join3 .ipg1 .cont .font_bom .right .ic1 { background: url(../images/join/join3_i3.png) no-repeat center left; } .join3 .ipg1 .cont .font_bom .right .ic2 { background: url(../images/join/join3_i4.png) no-repeat center left; } .join3 .ipg1 .cont .font_bom .right h6 { font-size: 14px; color: #535353; } .join3 .ipg1 .cont .font_bom .right .ic1 p { font-size: 28px; line-height: 28px; color: #e21a1a; font-family: "Rajdhani"; } .join3 .ipg1 .cont .font_bom .right .ic2 p { font-size: 18px; color: #6c6c6c; font-family: "Rajdhani"; line-height: 20px; } .join3 .ipg2 { width: 100%; background: #f9e39c url(../images/join/join3_ipg2.jpg) no-repeat center top; padding: 60px 0 90px; } .join3 .ipg2 h6 { font-size: 24px; color: #fff; text-align: center; margin-bottom: 40px; } .join3 .ipg2_box { padding: 60px 45px; padding-bottom: 90px; background: #fff; } .join3 .ipg2_box .ban { margin-bottom: 30px; } .join3 .ipg2_box ul { width: 1182px; } .join3 .ipg2_box li { float: left; width: 382px; height: 226px; margin-right: 12px; margin-bottom: 12px; overflow: hidden; } .join3 .ipg2_box .pub_more { margin-top: 20px; } .join3 .ipg2_box li img { transition: all 1s; width: 382px; height: 226px; } .join3 .ipg2_box li:hover img { transform: scale(1.08); } .join3 .ipg2_box .pub_btn { margin-top: 60px; } .join4 .ipg1 { padding-top: 100px; height: 640px; background: url(../images/about/about3-cont1-bg.jpg) no-repeat center top; } .join4 .ipg1 .card { position: relative; width: 100%; height: 356px; } .join4 .ipg1 .card .img { position: relative; float: left; width: 492px; height: 356px; overflow: hidden; } .join4 .ipg1 .card .img .video_btn { position: absolute; left: 50%; top: 50%; margin-left: -42px; margin-top: -42px; width: 83px; height: 83px; background: url(../images/join/video_btn.png); cursor: pointer; opacity: 0.7; transition: all 0.5s; } .join4 .ipg1 .card .img .video_btn:hover { opacity: 1; } .join4 .ipg1 .card .cont { float: left; width: 768px; height: 356px; } .join4 .ipg1 .card .cont .pub_mask { background: url(../images/join/join4_pic2.jpg) no-repeat center; padding: 55px 60px 45px 45px; } .join4 .ipg1 .card:before { content: ""; width: 65px; height: 136px; background: url(../images/about/about4-cont1-s2.png) no-repeat left bottom; position: absolute; left: -65px; bottom: -15px; } .join4 .ipg1 .card:after { content: ""; width: 79px; height: 136px; background: url(../images/about/about4-cont1-s1.png) no-repeat right bottom; position: absolute; right: -79px; bottom: 0; } .join4 .ipg1 .card .cont .tit { font-size: 24px; color: #e21a1a; margin-bottom: 25px; } .join4 .ipg1 .card .cont h6 { font-size: 16px; color: #c69d71; margin-bottom: 20px; } .join4 .ipg1 .card .cont p { font-size: 14px; color: #91908e; margin-bottom: 20px; } .join4 .ipg2 { width: 100%; background: #f9e39c url(../images/join/join4_bg.jpg) no-repeat center top; padding: 60px 0 90px; } .join4 .ipg2 h6 { font-size: 24px; color: #fff; text-align: center; margin-bottom: 40px; } .join4 .ipg2_box { position: relative; padding: 50px 45px; padding-bottom: 90px; background: #fff; } .join4 .ipg2_box .tit { font-size: 24px; color: #e21a1a; margin-bottom: 40px; } .join4 .ipg2_box .drop-down { position: absolute; top: 40px; right: 45px; width: 245px; height: 45px; background: #f6eee5; } .join4 .ipg2_box .drop-txt { height: 45px; line-height: 45px; padding: 0 80px 0 25px; font-size: 14px; color: rgba(8, 8, 8, 0.5); position: relative; cursor: pointer; } .join4 .ipg2_box .drop-txt::after { content: ""; width: 45px; height: 45px; background: #e21a1a url(../images/join/join4_btn.png) no-repeat center; position: absolute; right: 0; top: 0; } .join4 .ipg2_box .drop-down ul { display: none; width: 100%; border: 2px solid #f5f5f5; border-top: none; max-height: 280px; background-color: #fff; position: absolute; left: 0; right: 0; top: 100%; z-index: 220; overflow-y: auto; } .join4 .ipg2_box .drop-down ul li { display: block; background-color: #fff; height: 35px; line-height: 35px; padding: 0 25px; font-size: 14px; color: rgba(8, 8, 8, 0.5); cursor: pointer; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; transition: 0.5s all; } .join4 .ipg2_box ul { width: 1182px; } .join4 .ipg2_box .list li { float: left; width: 382px; height: 226px; margin-right: 12px; margin-bottom: 12px; overflow: hidden; } .join4 .ipg2_box .list li img { transition: all 1s; width: 382px; height: 226px; } .join4 .ipg2_box .list li:hover img { transform: scale(1.08); } .join4 .ipg2_box .pub_more { margin-top: 60px; } .contact2 .ipg1 { padding-top: 100px; height: 640px; background: url(../images/about/about3-cont1-bg.jpg) no-repeat center top; } .contact2 .ipg1 .card { position: relative; width: 100%; height: 356px; } .contact2 .ipg1 .card .img { float: left; width: 492px; height: 356px; overflow: hidden; } .contact2 .ipg1 .card .cont { float: left; width: 768px; height: 356px; } .contact2 .ipg1 .card .cont .pub_mask { background: url(../images/contact/contact_ri.jpg) no-repeat center; padding: 30px 60px 0 45px; } .contact2 .ipg1 .card:before { content: ""; width: 65px; height: 136px; background: url(../images/about/about4-cont1-s2.png) no-repeat left bottom; position: absolute; left: -65px; bottom: -15px; } .contact2 .ipg1 .card:after { content: ""; width: 79px; height: 136px; background: url(../images/about/about4-cont1-s1.png) no-repeat right bottom; position: absolute; right: -79px; bottom: 0; } .contact2 .ipg1 .card .cont .font { margin-bottom: 25px; } .contact2 .ipg1 .card .cont h6 { font-size: 16px; color: #d73131; margin-bottom: 15px; } .contact2 .ipg1 .card .cont p { font-size: 14px; color: #91908e; } .contact2 .ipg2 { width: 100%; height: 536px; background: url(../images/contact/contact2_bg.jpg) no-repeat center top; padding-top: 50px; } .contact2 .ipg2 .tit { font-size: 24px; color: #fff; text-align: center; margin-bottom: 40px; } .contact2 .ipg2 ul { width: 1270px; } .contact2 .ipg2 li { float: left; width: 625px; height: 163px; background: #fff; margin-right: 10px; margin-bottom: 10px; padding-top: 40px; text-align: center; } .contact2 .ipg2 li .font { display: inline-block; background: no-repeat top left; } .contact2 .ipg2 li.li1 .font { background-image: url(../images/contact/contact2_ic1.png); padding-left: 50px; } .contact2 .ipg2 li.li2 .font { background-image: url(../images/contact/contact2_ic2.png); padding-left: 45px; } .contact2 .ipg2 li.li3 .font { background-image: url(../images/contact/contact2_ic3.png); padding-left: 70px; } .contact2 .ipg2 li.li4 .font { background-image: url(../images/contact/contact2_ic4.png); padding-left: 45px; } .contact2 .ipg2 li h6 { font-size: 18px; color: #5c5c5c; text-align: left; line-height: 1; } .contact2 .ipg2 li p { font-size: 18px; color: rgba(92, 92, 92, 0.8); font-family: "Rajdhani"; text-align: left; } .contact2 .ipg2 li h5 { font-size: 26px; color: #c69d71; font-family: "BrandonGrotesque"; } .contact2 .ipg2 li.li3 h5 { font-size: 14px; margin-top: 10px; } .serch .ipg1 { padding-top: 80px; padding-bottom: 70px; } .serch .subNav { border-bottom: 1px solid #f3f7fa; } .serch .ipg1 .font h6 { font-size: 26px; color: #c69d71; margin-bottom: 5px; } .serch .ipg1 .font p { color: #535353; margin-bottom: 65px; } .serch .ipg1 .font p em { color: #e21a1a; } .serch .ipg1 li { position: relative; margin-top: 25px; padding-bottom: 25px; border-bottom: 2px solid #f3f3f3; } .serch .ipg1 li .date { display: inline-block; width: 125px; font-size: 26px; color: #c39a72; font-family: "Rajdhani"; vertical-align: top; transition: all 0.5s; } .serch .ipg1 li .right { display: inline-block; width: 785px; vertical-align: top; } .serch .ipg1 li .right h6 { font-size: 18px; color: #535353; margin-bottom: 10px; transition: all 0.5s; } .serch .ipg1 li .right p { color: rgba(0, 0, 0, 0.7); } .serch .ipg1 li .btn { position: absolute; right: 10px; top: 50%; margin-top: -18px; width: 36px; height: 36px; background: #dedede url(../images/serch_btn.png) no-repeat center; transition: all 0.5s; } .serch .ipg1 li:hover .date, .serch .ipg1 li:hover h6 { color: #d73131; } .serch .ipg1 li:hover .btn { background-color: #d73131; } .serch .ipg1 .pub_more { margin-top: 40px; } .c_til em { display: inline-block; vertical-align: top; } @-webkit-keyframes z-scaleIn { 0% { opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes z-scaleIn { 0% { opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } .z-scaleIn { -webkit-animation-name: z-scaleIn; animation-name: z-scaleIn; -webkit-animation-duration: 8s; animation-duration: 8s; } #luxy { max-width: 1920px; margin: 0 auto; } .about1 .cCont1 .w1260 { overflow: hidden; padding-bottom: 20px; } .pub_mask { position: relative; left: 0; top: 0; overflow: hidden; height: 100%; /* -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: transform 1.2s ease-out; -moz-transition: transform 1.2s ease-out; -ms-transition: transform 1.2s ease-out; -o-transition: transform 1.2s ease-out; transition: transform 1.2s ease-out; */ } /* .pub_mask.animated { -webkit-transform: translateX(0); transform: translateX(0); } */ .about1 .cCont1 .L .pub_mask { width: 550px; height: 410px; } .about2 .cCont1 .L .pub_mask { padding-top: 20px; padding-left: 70px; } .pub_box { overflow: hidden; } /* .pub_mask::before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 90; transform: translateX(0); -webkit-transition: transform 0.8s 0.6s ease-out; -moz-transition: transform 0.8s 0.6s ease-out; -ms-transition: transform 0.8s 0.6s ease-out; -o-transition: transform 0.8s 0.6s ease-out; transition: transform 0.8s 0.6s ease-out; overflow: hidden; } */ /* .about1 .cCont1 .L .pub_mask::before { width: 550px; height: 410px; } .pub_mask.animated:before { -webkit-transform: translateX(102%); transform: translateX(102%); } */ .header .backtop { width: 54px; text-align: center; height: 54px; border-radius: 5px; line-height: 54px; background: #e21a1a url(../images/arrowup.png) no-repeat center center; position: fixed; bottom: 30px; right: 70px; z-index: 1000; cursor: pointer; display: none; transition: all 0.5s; } .header .backtop:hover { background-color: #c69d71; } .plat .ipg1 { width: 100%; padding-top: 100px; background: #fff url(../images/join/join2.jpg) no-repeat center top; } .plat .ipg1_box { width: 100%; margin-top: 40px; padding: 80px 40px; background: #fff; } .plat .ipg1_box .list ul { width: 1200px; height: 70px; margin-bottom: 40px; } .plat .ipg1_box .list li { float: left; width: 390px; height: 70px; background-color: #dedede; margin-right: 5px; font-size: 18px; color: #808080; text-align: center; line-height: 70px; cursor: pointer; transition: all 0.5s; } .plat .ipg1_box .list li.on { background-color: #e21a1a; color: #fff; } .plat .ipg1_box .info { padding: 0 25px; background: #f8f4ef; margin-bottom: 20px; } .plat .ipg1_box .info .tag { position: relative; width: 100%; height: 80px; cursor: pointer; } .plat .ipg1_box .info .tag h6 { line-height: 80px; font-size: 18px; color: #818181; padding-left: 3px; transition: all 0.5s; } .plat .ipg1_box .info .tag:hover h6 { color: #e21a1a; } .plat .ipg1_box .info .tag .btn { position: absolute; top: 22px; right: 3px; width: 35px; height: 35px; background: #e4dcd2 url(../images/plat/palt_btn.png) no-repeat center; transition: all 0.5s; cursor: pointer; } .plat .ipg1_box .info.on .tag .btn { background-image: url(../images/plat/palt_btnon.png); } .plat .ipg1_box .info .tag:hover .btn { background-color: #e21a1a; } .plat .ipg1_box .info .tag_con th { width: 133px; height: 54px; background: #c69d71; font-size: 16px; color: #fff; text-align: center; line-height: 54px; border-style: solid; border-color: #f8f4ef; border-width: 3px; } .plat .ipg1_box .info .tag_con th + th { width: 174px; } .plat .ipg1_box .info .tag_con th + th + th { width: 174px; } .plat .ipg1_box .info .tag_con th + th + th + th { width: 174px; } .plat .ipg1_box .info .tag_con th + th + th + th + th { width: 448px; margin-right: 0; } .plat .ipg1_box .info .tag_con td { width: 133px; height: 41px; background: #fff; font-size: 14px; color: #81786e; text-align: center; line-height: 22px; border-style: solid; border-color: #f8f4ef; border-width: 3px; padding: 5px 10px; } .plat .ipg1_box .info .tag_con { padding-bottom: 40px; display: none; } .plat .ipg1_box .info .tag_con tbody:before { content: ""; display: block; line-height: 1em; color: transparent; } .plat .ipg1_box .info .tag_con table { width: 100%; } .plat .ipg1_box .pub_more { margin-top: 45px; } /* #banVideo { transform: scale(1.1); } */ .news3 .cCont1 .L .li { width: 835px; height: 425px; overflow: hidden; position: relative; } .news3 .cCont1 .L .li .btn { position: absolute; top: 50%; left: 50%; margin-top: -42px; margin-left: -42px; width: 84px; height: 84px; background: url(../images/news/new_video.png) no-repeat center; cursor: pointer; } .news3 .cCont1 .L .hd { position: absolute; right: 30px; bottom: 30px; } .news3 .cCont1 .L .hd li { float: left; width: 12px; height: 12px; margin-left: 6px; background-color: rgba(255, 255, 255, 0.5); transition: all 0.5s; } .news3 .cCont1 .L .hd li.on { background-color: #fff; } .news3 .cCont2 .tit { float: left; font-size: 20px; color: #d21919; line-height: 50px; } .news3 .cCont2 .tip .drop-down { float: right; } .news3 .cCont2 .tip .drop-txt:after { background-color: #d21919; } .news3_box ul { width: 1276px; margin-bottom: 40px; } .news3_box li { float: left; width: 303px; margin-right: 16px; margin-bottom: 16px; transition: all 0.5s; } .news3_box li:hover { box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); } .news3_box li .img { width: 303px; height: 300px; overflow: hidden; } .news3_box li .img img { transition: all 1s; } .news3_box li:hover .img img { transform: scale(1.08); } .news3_box li .font { position: relative; width: 303px; height: 84px; border: 1px solid #bfbfbf; padding: 20px 15px; } .news3_box li .font h6 { font-size: 22px; color: #535353; font-family: "Rajdhani"; line-height: 18px; transition: all 0.5s; } .news3_box li:hover .font h6 { color: #e11515; } .news3_box li .font p { font-size: 14px; color: #535353 !important; } .news3_box li .font .btn { position: absolute; top: 50%; margin-top: -16px; right: 15px; width: 81px; height: 33px; background: #e3e3e3; font-size: 14px; color: rgba(83, 83, 83, 0.8); line-height: 33px; text-align: center; cursor: pointer; transition: all 0.5s; } .news3_box li:hover .font .btn { color: #fff; background-color: #e11515; } #mask { /* position: fixed; top: 0; left: 0; z-index: 1024; width: 100%; height: 100%; */ } #mask .wrap { position: fixed; top: 0; right: -550px; z-index: 1024; padding: 0 60px; width: 550px; height: 100%; background: #ede4d9 url(../images/index/leg_bg.jpg) no-repeat center bottom; padding-top: 100px; transition: all .5s; } #mask .wrap .close{ position: absolute; top: 50px; right: 50px; width: 27px; height: 27px; background: url(../images/index/leg_close.png) no-repeat center; transition: all .5s; cursor: pointer; } #mask .wrap .close:hover{ background-image: url(../images/index/leg_close2.png); } #mask .wrap.on{ right: 0; } #mask .wrap .en { color: rgba(131, 116, 100, 0.5); font-size: 40px; font-family: "Rajdhani"; line-height: 1; text-transform: uppercase; } #mask .wrap .cn { color: #e21a1a; font-size: 24px; line-height: 1.3; margin-bottom: 30px; } #mask .wrap .font { margin-bottom: 30px; } #mask .wrap .font h6 { font-size: 16px; color: rgba(117, 111, 103, 0.8); margin-bottom: 10px; } #mask .wrap .font p { color: rgba(131, 116, 100, 0.8) !important; font-size: 14px; } #header .map_btn{ position: absolute; right: 25px; top: 27px; width: 25px; height: 22px; background: url(../images/index/map_btn.png) no-repeat center; transition: all .5s; cursor: pointer; } #header.on .map_btn{ background-image: url(../images/index/map_btn2.png); } .head-foll #header .map_btn{ background-image: url(../images/index/map_btn2.png); } .web_map{ position: fixed; top: 0; right: -550px; z-index: 1024; padding: 0 60px; width: 550px; height: 100%; background: #ede4d9 url(../images/index/leg_bg.jpg) no-repeat center bottom; padding-top: 100px; transition: all .5s; } .web_map.on{ right: 0; } .web_map .close{ position: absolute; top: 50px; right: 50px; width: 27px; height: 27px; background: url(../images/index/leg_close.png) no-repeat center; transition: all .5s; cursor: pointer; } .web_map .close:hover{ background-image: url(../images/index/leg_close2.png); } .web_map .con li{ padding-bottom: 15px; border-bottom: 2px solid #ddc8af; margin-bottom: 25px; } .web_map .con li h6{ font-size: 20px; color: rgba(99, 93, 85, 0.9); margin-bottom: 15px; } .web_map .con li a{ display: inline-block; font-size: 14px; color: rgba(131, 116, 100, 0.8); margin-right: 30px; } @media screen and (max-height: 800px){ .web_map{ padding-top: 70px; } .web_map .con li h6{ font-size: 16px; margin-bottom: 10px; } .web_map .con li a{ font-size: 12px; } .web_map .con li{ padding-bottom: 10px; margin-bottom: 25px; } .web_map .close{ right: 20px; top: 20px; } } @media screen and (max-height: 700px){ .web_map{ padding-top: 30px; } .web_map .con li h6{ margin-bottom: 8px; } .web_map .con li{ padding-bottom: 8px; margin-bottom: 20px; } } #video_box { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 999; display: none; } #video_box .bg { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.6); } #video_box .video_con { position: absolute; top: 50%; left: 50%; width: 1200px; height: 700px; margin-top: -350px; margin-left: -600px; } #video_box video { width: 100%; height: 100%; background: #000; }