锘?*banner*/ .banner_box { position: relative; width: 100%; margin-top: 80px; overflow: hidden; } h2 { color: #000; } .container { padding: 0; } .play_btn{ cursor: pointer; } .remen a { display: block; height: 100%; width: 100%; } .banner_box .swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .banner_box .swiper-slide span{ height: 100%; /*display: none;*/ width:100% } .banner_box .swiper-slide { position: relative; } .banner_box .swiper-slide .text { position: absolute; max-width: 590px; width: 500px; height: 150px; top: 29%; right: 16%; margin: auto 0 auto -295px; z-index: 99; text-align: left; } .banner_box .xiahua { position: absolute; left: 0; right: 0; bottom: 50px; margin: 0 auto; opacity: 0.8; z-index: 99; } .banner_box .xiahua { -webkit-animation: slideOutUp 2s both infinite linear; animation: slideOutUp 2s both infinite linear; opacity: 0; } .text h2 { font-size: 66px; color: #fff; } .text hr { width: 60px; background: #fff; height: 2px; margin: 20px auto 25px; } .text p { font-size: 70px; line-height: 88px; color: #fff; } .swiper-pagination-bullet{ width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: .2; } .swiper-pagination-bullet-active{ background: #fff !important; border: 0; } .banner_box .swiper-pagination-switch { background: #999 !important; opacity: 1 !important; border: 1px solid #898283; } .swiper-pagination { left: 0; right: 0; bottom: 30px; margin: auto; } .swiper-pagination span { margin: 0 5px; } .banner_box .swiper-active-switch { background: #fff !important; border: 0; } .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 30px !important; } .banner_box .swiper-slide .btn { font-size: 18px; display: block; position: absolute; color: #fff; width: 200px; line-height: 50px; text-align: center; border: 2px solid #fff; bottom: 130px; left: 0; right: 0; margin: auto; cursor: pointer; -webkit-transition: .3s; -o-transition: .3s; transition: .3s } .banner_box .swiper-slide a:hover { color: #fff; background: #bc8842; border: 2px solid #bc8842; } .swiper2 .swiper-slide { background: #000; } /*杞挱鍥?/ .index-row3 { background-color: #fafafa; padding: 60px 0 50px; /*overflow: hidden;*/ opacity: 0; width: 100%; } .index-row3 h2{ font-weight: 400; font-size: 34px; color: #000; margin-bottom: 30px; text-align: center; } .slick-news { position: relative; margin: 0 -12px; padding-bottom: 51px } .slick-news .item { border: 1px solid #f0f0f0; margin: 0 12px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s } .slick-news .item:hover .txt { /*border: 1px solid red*/ background: #f2f2f2; -webkit-transition: .3s; -o-transition: .3s; transition: .3s } .slick-news .item:hover .pic { opacity: 0.9; -webkit-transition: .3s; -o-transition: .3s; transition: .3s } .slick-news .pic { padding-top: 75%; position: relative; overflow: hidden } .slick-news .pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: .5s; -o-transition: .5s; transition: .5s } .slick-news .pic:hover img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05) } .slick-news .txt { background-color: #fff; padding: 10px 25px 28px; border-bottom: 2px solid #c67a48; } .slick-news .txt .type { display: inline-block; padding: 0 20px 0 12px; height: 30px; text-align: center; line-height: 30px; border-radius: 15px; border: 1px solid #74777c; color: #5e6167; margin-bottom: 24px } .slick-news .txt .type:hover { background: #b2b2b2; } .slick-news .txt h3 { font-weight: 400; line-height: 32px; font-size: 24px; word-break: break-word; height: 80px; } .slick-news .txt h3 a { color: #565656; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; height: 128px; margin-top: 30px; font-size: 22px; color: #000; } .slick-news .txt p { font-size: 18px; line-height: 26px; color: #888; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; height: 104px } .slick-news .txt .date { display: block; width: 100%; font-size: 14px; color: #999; margin-top: 50px; background: url("../images/youjiantou.png") no-repeat right; min-height: 10px; } /*S-鎶曡祫鑰呭垪琛?/ /*鑲$エ浠g爜*/ .stock-box{border:solid 1px #ebebeb;background:#fff5e9;padding:30px 50px;min-height:200px} .stock-box .stock_title{color:#474747;font-size:16px;font-weight:700;overflow:hidden} #hqprice,#stockhqm{vertical-align:0} #hqprice{font-size:32px;font-weight:700;padding-left:1px;display:inline-block;margin-right:25px;position:relative} .stockprice_up{color:#e51717} #hqprice.stockprice_up:after,.stockprice_up #hqprice:after{content:" ";width:0;height:0;border:6px solid #e51717;border-bottom-width:10px;border-color:transparent transparent #e51717;position:absolute;top:20px;right:-20px;z-index:999} .stockprice_down{color:#090} #hqprice.stockprice_down:after,.stockprice_down #hqprice:after{content:" ";width:0;height:0;border:6px solid #090;border-top-width:10px;border-color:#090 transparent transparent;position:absolute;top:22px;right:-20px;z-index:999} .stocktb{width:100%} .stocktb th{color:#000;font-size:14px;font-weight:700} .stocktb td{font-size:22px;font-weight:700;color:#999;padding-right:30px} .stocktb .max{color:#e51717} .stocktb .min{color:#090} .box_tzz{position:relative;margin:0 -12px;} .item_tzz{background:#fff;margin-bottom: 51px;border:1px solid #f0f0f0;-webkit-transition:.3s;-o-transition:.3s;transition:.3s} .item_tzz:hover .txt{background:#f2f2f2;-webkit-transition:.3s;-o-transition:.3s;transition:.3s} .item_tzz:hover .pic{opacity:.9;-webkit-transition:.3s;-o-transition:.3s;transition:.3s} .item_tzz .pic{padding-top:75%;position:relative;overflow:hidden} .item_tzz .pic img{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:.5s;-o-transition:.5s;transition:.5s} .item_tzz .pic:hover img{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)} .item_tzz .tzz_txt{background-color:#fff;padding:10px 25px 20px;border-bottom:2px solid #c67a48} .item_tzz .tzz_txt h3{font-weight:700;line-height:38px;word-break:break-word;overflow:hidden;font-size:16px;color:#000} .item_tzz .tzz_txt li>a{font-size:14px;color:#000;line-height:30px} .item_tzz .tzz_txt li>a:hover{color:#c06f44!important} .item_tzz .tzz_txt .arrow{display:block;width:100%;background:url(../images/youjiantou.png) no-repeat right;min-height:10px} /*E-鎶曡祫鑰呭垪琛?/ .slick-news .item:hover .txt .date { background: url("../images/youjiantou_on.png") no-repeat right; } .slick-news .slick-arrow { position: absolute; top: 50%; margin-top: -26px; width: 52px; height: 52px; background-color: transparent; font-size: 0; background-repeat: no-repeat; background-position: center center; outline: 0; border: none; z-index: 1; cursor: pointer; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; border-radius: 50%; } .slick-news .slick-prev { left: -60px; background-image: url("../images/prev2.png") } .slick-news .slick-next { right: -60px; background-image: url("../images/next2.png") } .slick-news .slick-prev:hover { background-image: url("../images/prev2-on.png") } .slick-news .slick-next:hover { background-image: url("../images/next2-on.png") } .slick-news .slick-dots { position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; z-index: 99 } .slick-news .slick-dots li { display: inline-block; margin: 0 2px } .slick-news .slick-dots li button { display: block; width: 12px; height: 12px; font-size: 0; line-height: 0; text-indent: 999px; border-radius: 50%; outline: 0; border: 1px solid #d1d2d2; background-color: #e7e7e7; margin: 0 5px; cursor: pointer } .slick-news .slick-dots li.slick-active button { background-color: #b1b4b3; border-color: #b1b4b3 } .wp { margin: 0 auto; width: 100%; max-width: 1200px; height: 100%; position: relative; } .weixin, .weibo { width: 39px; cursor: pointer; } /*鍥介檯涓€娴佺殑鍏嶇◣鍟嗗搧杩愯惀鍟?/ .guoji { background: #fff; background: url("../images/international.jpg") #fff no-repeat center 45px; } .guoji .row > div { height: 230px; padding: 10px; } .guoji .row > div .cen { width: 100%; margin: 0 auto; border: 3px solid #c67a48; border-left: 0; border-right: 0; } .guoji .row div h4 { color: #c67a48; margin-top: 50px; font-size: 72px; font-weight: 600; } .guoji .row div p { margin-top: 20px; color: #565656; font-size: 22px; margin-bottom: 50px; } .guoji h2 { text-align: center; font-size: 34px; margin: 60px 0 30px; } .guoji .row { margin-bottom: 30px; } .guoji .row div { margin-bottom: 50px; } @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .guoji .row > div .cen h4:hover, .guoji .row > div .cen p:hover { -webkit-animation-name: pulse; animation-name: pulse; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } /*鎴戜滑鐨勪簨涓氶鍩?/ .women { background: #f6f6f6; text-align: center; padding-bottom: 100px; } .women h2 { font-size: 34px; padding: 60px 0 40px; } .women .item1 { background: url("../images/women1.jpg") no-repeat; background-size: 100% 100%; } .women .item2 { background: url("../images/women2.jpg") no-repeat; background-size: 100% 100%; } .women .item3 { background: url("../images/women3.jpg") no-repeat; background-size: 100% 100%; } .women .item4 { background: url("../images/women4.jpg") no-repeat; background-size: 100% 100%; } .women .row div img { height: 100%; width: 100%; } .women .row a > div { height: 400px; text-align: left; overflow: hidden; padding: 0 30px; } .women .box { margin-top: 20px; overflow: hidden; margin-left: 3px; } @media (min-width: 1200px) { .women .item1, .women .item2, .women .item3, .women .item4 { width: 24.7%; } } .women h3 { font-size: 28px; color: #ffffff; margin-top: 335px; width: 99%; background: url("../images/women_jianyou.png") no-repeat right; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; } .women .row div:hover h3 { margin-top: 258px; } .women .row div p { margin-top: 15px; font-size: 16px; color: #ffffff; width: 100%; opacity: 0; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .women .row div:hover p { opacity: 1; } .women .box li { float: left; width: 224px; height: 60px; line-height: 60px; border: 1px solid #ebebeb; background: #fff; margin-right: 1%; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; } .women .box li:last-child { margin-right: 0; } .women .box1 { overflow: hidden; width: 936px; margin: 20px auto; } .women .box1 li { float: left; width: 220px; height: 60px; line-height: 60px; border: 1px solid #ebebeb; background: #fff; margin-right: 1.1%; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; } .women .box2 { display: none; margin-top: 50px; margin-left: -32px; margin-right: -32px; } .women .box2 li { margin-bottom: 20px; } .women .box1 li:hover, .women .box li:hover { border: 1px solid #c06f44; } .women .box1 li:hover a, .women .box li:hover a { color: #c06f44 !important; } .women .box2 a { width: 220px; height: 60px; line-height: 60px; border: 1px solid #ebebeb; background: #fff; } .women .women_btn { width: 100%; display: block; height: 60px; line-height: 60px; background: #c06f44; border-radius: 0; font-size: 16px; color: #ffffff; margin-top: 35px; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; border: 1px solid transparent; } .women .women_btn:hover { color: #c06f44; background: #fff; border: 1px solid #c06f44; } /*鐑簵鎺ㄨ崘*/ .remen { background: #fff; } .remen .pic { position: relative; background-size: 100% 100% !important; cursor: pointer; } .slick-news .slick-list { /*margin-left: -px;*/ } .remen .pic h4 { position: absolute; text-align: left; color: #ffffff; font-size: 27px; bottom: 25px; margin-left: 40px; width: 80%; background: url("../images/redianjiantou.png") no-repeat right; } .remen .pic b { position: absolute; height: 100%; width: 100%; background: #000; top: 0; left: 0; opacity: .3; } .remen .pic:hover h4 { background: url("../images/youjiantou_on.png") no-repeat right; } .remen .slick-news { padding-bottom: 30px; } .vip_box { width: 100%; height: auto; background: url("../images/vip_bg.jpg") no-repeat center center; background-size: cover; text-align: center; padding-bottom: 70px; } .vip_box h2 { padding: 80px 50px; font-size: 32px; color: #fff; } .vip1 img { -webkit-transition: .5s; -o-transition: .5s; transition: .5s; } .vip1 p { font-size: 22px; margin-top: 27px; color: #fff; } .vip1 img:hover { margin-top: -15px; } .vip1 div { margin-bottom: 40px; height: 100px; } .ka_box { margin-top: 60px; height: 290px; } .ka_box h3 { font-size: 22px; color: #fff; } .ka_box p { font-size: 16px; color: #c06f44; line-height: 24px; width: 150px; margin: 22px auto; } .ka_box img { -webkit-transition: .5s; -o-transition: .5s; transition: .5s; } .ka_box img:hover { margin-top: -30px; } .vip_box .vip_btn { width: 300px; height: 60px; line-height: 60px; border: 1px solid #c06f44; font-size: 16px; display: block; color: #c06f44; margin: 40px auto 0; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; } .vip_box .vip_btn:hover { color: #fff; background: #c06f44; border: 1px solid #c06f44; } .qiye { background: #f6f6f6; padding-bottom: 70px; } .qiye h2 { padding: 60px 40px; font-size: 40px; color: #000; text-align: center; } .qiye .row div { padding: 0; overflow: hidden; } .qiye .row .qiye1 { height: 400px; background: url("../images/qiye_bg.jpg") no-repeat center center; background-size: cover; padding: 0 42px 40px; } .qiye .qiye1 h3 { font-size: 24px; color: #000; padding-top: 50px; } .qiye img { width: 100%; height: auto; } .qiye img { /*position: relative;*/ /*top: 0;*/ /*left: 0;*/ /*width: 100%;*/ /*height: 100%;*/ -webkit-transition: .5s; -o-transition: .5s; transition: .5s } .qiye img:hover { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05) } .qiye .qiye1 p { font-size: 16px; color: #000; margin-top: 40px; line-height: 30px; } .qiye_btn { width: 300px; height: 60px; line-height: 60px; border: 1px solid #c06f44; font-size: 16px; display: block; color: #c06f44 !important; margin: 40px 0 0; text-align: center; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; } .qiye_btn:hover { color: #fff !important; background: #c06f44; border: 1px solid #c06f44; } @media (min-width: 990px) { .ka_box .col-md-3 { width: 20% !important; } } @media only screen and (max-width: 1199px) { .women .box, .women .box1 { display: none; } .women .box2 { display: block; } } @media only screen and (max-width: 959px) { .slick-news .txt h3 { font-size: 18px } .slick-news .txt p { font-size: 14px; -webkit-line-clamp: 3; height: 78px } .women .box2 { margin-top: 50px; margin-left: 5px; margin-right: 0; } .women .col-sm-4 { width: 33.3%; } .guoji .container{ padding: 0 3%; } .women .women_btn{ width: 92%; margin: 0 auto; } } @media only screen and (max-width: 992px) { .ka_box { height: auto; } } @media only screen and (min-width: 767px) and (max-width: 1199px) { .women .row a > div.col-md-6 { width: 49% !important; } } @media only screen and (max-width: 767px) { .women .box2 p { width: 100% } .women .row div:hover h3 { margin-top: 0; } .slick-news .txt h3{ height: auto; } .slick-news .txt h3 a { -webkit-line-clamp: 2; height: auto; font-size: .32rem; text-align: center; margin-top: 0; line-height: .44rem; } .slick-news .txt .date { display: block; width: 100%; font-size: .3rem; color: #999; text-align: center; background: none; margin-top: .1rem; } .slick-news { padding-bottom: 0; } .slick-news .txt { background-color: #fff; padding: 0.2rem 1rem; border-bottom: 0; } .banner_box { height: 4.5rem !important; margin-top: 1.7rem; } .text h2 { font-size: .79rem; } .text hr { width: 1rem; height: .02rem; margin: .24rem auto .24rem; } .swiper-pagination { bottom: .2rem; } .text p { width: 2.6rem; font-size: .36rem; margin: 0 auto; line-height: .41rem; } .banner_box .swiper-slide .text { top: 1.8rem; width: 100px; height: auto; right: 0; left: 0; bottom: 0; margin: auto; } .index-row3 h2{ font-size: .4rem; margin-bottom: .22rem; } .index-row3 { background: #fff; padding: .68rem 0 0; } .slick-news .pic { padding-top: 69%; } .slick-slide { height: 7rem !important; } .slick-news .slick-dots { bottom: .3rem; } .slick-news .slick-dots li button { width: .15rem; height: .15rem; margin: 0 1px; } .guoji { background: #fff; } .guoji h2 { text-align: center; font-size: .4rem; margin: .5rem 0 .3rem; } .guoji .row div h4 { color: #c67a48; margin-top: 0; font-size: .84rem; } .guoji .row > div .cen { border: 0; } .guoji .row { padding: 0 1rem; text-align: center; } .guoji .row > div { height: 1.9rem; padding: 10px; margin-bottom: 0; } .guoji .row div p { color: #565656; font-size: .25rem; margin: .2rem auto 0; } .women { background: #fff; padding: 0; } .women .row a > div { height: 2.5rem; text-align: left; overflow: hidden; padding: 0 30px; } .women h2 { font-size: .4rem; padding: .62rem 0 0.2rem; } .women .row div p { display: none; } .women h3 { font-size: .46rem; color: #ffffff; margin-top: 1rem; width: 100%; background: none; text-align: center; width: fit-content; padding: 0.2rem; background-color: rgb(0,0,0,0.5); border-radius: 5px; margin: 1rem auto; } .women .item1 { background: url(../images/m_women1.jpg) no-repeat; background-size: 100% 100%; } .women .item2 { background: url(../images/m_women2.jpg) no-repeat; background-size: 100% 100%; } .women .item3 { background: url(../images/m_women3.jpg) no-repeat; background-size: 100% 100%; } .women .item4 { background: url(../images/m_women4.jpg) no-repeat; background-size: 100% 100%; } .remen .pic h4 { position: absolute; text-align: center; color: #565656; font-size: .32rem; bottom: -1rem; background: none; font-weight: 600; } .slick-news .pic { overflow: inherit; } .remen .slick-news .slick-dots { bottom: 1.2rem; } .women .box2 li { margin-bottom: .3rem; padding: 0 0.2rem; } .women .box2 a { height: 40px; line-height: 40px; } .women .box2 { margin: 0; padding: 0 .4rem; } .women .box2 p { font-size: .28rem; width: 3rem; height: .7rem; line-height: .7rem; border: 1px solid #ebebeb; background: #fff; } .women .women_btn { width: 78%; height: .7rem; line-height: .7rem; background: #c06f44; font-size: .28rem; color: #ffffff; margin: 0.4rem auto 0.7rem; } .vip_box { background: url("../images/m_vip_bg.jpg") no-repeat center center; background-size: cover; padding-bottom: .7rem; } .vip_box h2 { padding: .5rem .7rem; font-size: .4rem; color: #fff; } .vip1 p { font-size: .28rem; margin-top: 27px; color: #fff; display: inline-block; } .vip1 img { width: 1rem; margin-right: .18rem; } .vip1 div { margin-bottom: .35rem; height: auto; } .vip1 div:first-child { margin-left: -0.4rem; } .ka_box { margin-top: .85rem; height: auto; } .ka_box>div{ margin-bottom: .25rem; padding: 0 1rem; overflow: hidden; } .ka_box div img, .ka_box div div { float: left; } .ka_box div:nth-of-type(1) div { margin-top: .43rem; } .ka_box h3 { font-size: .3rem; color: #fff; width: 100%; } .ka_box p { font-size: .21rem; margin-top: .1rem; line-height: .35rem; width: 100%; max-width: none; } .ka_box img { width: 2.58rem; } .ka_box div div { display: inline-block; width: 2.7rem; margin-left: .7rem; margin-top: .27rem; } .vip_box .vip_btn { width: 4.1rem; height: .85rem; line-height: .85rem; font-size: .28rem; margin: .3rem auto 0; } .qiye { background: #fff; padding: 0 .2rem; } .qiye h2 { padding: .4rem; font-size: .4rem; } .qiye .row div { padding: 0 15px; } .qiye .qiye1 h3 { font-size: .4rem; text-align: center; padding-top: .5rem; } .qiye .row .qiye1 { padding: 0 42px 0; height: auto; } .qiye .qiye1 p { font-size: .25rem; line-height: .44rem; margin-top: .3rem; color: #565656; text-indent: .2rem; } .qiye_btn { width: 4.2rem; font-size: .25rem; height: .8rem; line-height: .8rem; margin: .4rem auto .7rem; } .women .box2 a { width: auto; font-size: 12px; } } @media all and (-ms-high-contrast: none) { .slick-news .txt h3 a { display: block; } } @media (max-width: 1200px) { .wp { padding: 0 3%; } .play_btn { height: 400px; } } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -70%, 0); transform: translate3d(0, -70%, 0); opacity: 1; } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10% { opacity: 0.5; } to { visibility: hidden; -webkit-transform: translate3d(0, -70%, 0); transform: translate3d(0, -70%, 0); opacity: 1; } } /*涓ょ瀵归綈*/ .qiye .qiye1 p, .slick-news .txt h3 a { text-align: justify; } .prism-player { position: absolute; } .x { position: absolute; }