body.wide .index-nav{ width:100%; position:fixed; top:0; left:0; z-index:99;} .index-content{ padding-top:82px;} #navbar{ background-color:#3d3635;} #navbar .navbar-collapses.collapse{ display:block;} .index-nav .navbar{ margin-bottom:0; border:none;} .index-nav .navbar li{ list-style:none; padding:0 20px; line-height:80px; border-bottom:2px solid #3d3635; color:#fff; cursor:pointer; display:inline-block;} .index-nav .navbar li.selected{ border-color:#fdd100; color:#fdd100;} .index-nav .navbar li.selected a{ color:#fdd100;} @media(max-width:767px){ #navbar .navbar-collapses.collapse{ display:none;} .index-nav .navbar li{ display:block; line-height:35px;} #navbar .navbar-collapses.collapse.in{ display:block; width:100%; height:100%; position:fixed; top:0; left:0; z-index:99;} .nav-blacker{ background-color:rgba(0,0,0,.6); position:fixed; width:100%; height:100%; top:0; left:0; z-index:99;} .index-nav .navbar-nav{ margin:0; width:220px; position:absolute; background-color:#3d4245; left:0; transition:left ease-in .3s; height:100%; border:6px solid #34393d; border-top:0; border-bottom:0; z-index:999;} } #footer #footer-bottom{ background-color:#211d1d; min-height:70px; font-size:14px; padding-top:15px; padding-bottom:10px; color:#656565;} #footer #footer-bottom a{ color:#656565;} #page-default #footer #footer-bottom p{ margin-bottom:10px;} .align-right{ text-align:right;} #banner{ overflow:hidden;} #banner img{ height:100%; min-width:100%; width:auto; vertical-align:bottom;} #about{ padding:60px 0 0 0;} #about .panel-heading h3{ background:url(../images/index-about.png) no-repeat center; height:80px; width:100%; margin-bottom:25px;} #page-default #about p{ font-size:14px; line-height:25px; text-indent:2em; margin-bottom:15px;} .SpeciaRemind{ padding-bottom:85px; line-height:25px;} .SpeciaRemind .SpeciaRemind-title{ font-size:18px; color:#a06d35; font-weight:bold;} .SpeciaRemind a{ color:#a06d35; padding-left:5px;} #TouZiLingYu{ background-color:#fcf3e4;} .top-picTitle{ text-align:center; color:#000; font-size:42px; font-weight:lighter;} .color-a06d35{ color:#a06d35;} .top-picTitle small{ font-size:18px; font-weight:lighter; display:block; color:#000;} #TouZiLingYu{ padding-top:70px; padding-bottom:100px;} #TouZiLingYu .lingyu-nav{ text-align:center; border-bottom:none; position:relative; margin-bottom:30px;} #TouZiLingYu .lingyu-nav:before{ content:''; width:100%; height:1px; background-color:#c8bfb0; position:absolute; top:50%; left:0;} #TouZiLingYu .lingyu-nav li{ float:none; display:inline-block; position:relative; padding:10px;} #TouZiLingYu .lingyu-nav li a{ position:relative; display:inline-block; width:90px; height:90px; padding:0px; line-height:90px; border-radius:50%; background-color:#e5cfab; color:#000; font-size:18px;} #TouZiLingYu .lingyu-nav li.active:after{ content:''; background-color:#fcf3e4; position:absolute; top:3px; left:2px; height:53px; width:106px; border-top-left-radius:53px; border-top-right-radius:53px; border:1px solid #c8bfb0; border-bottom:none;} #TouZiLingYu .lingyu-nav li.active a{ background-color:#fdd100; position:relative; border:none; z-index:2;} /*#TouZiLingYu .tab-content{ position:relative;}*/ #TouZiLingYu .lingyu-list-box{ overflow:hidden; height:390px;} #TouZiLingYu li .lingyu-list-center .lingyu-pic{ padding-top:15px; cursor:pointer;} #TouZiLingYu li .lingyu-list-center{ margin:5px; height:380px; width:100%; padding:15px; background-color:#fff;} #TouZiLingYu li .lingyu-list-center h4{ color:#000; text-align:center; margin-top:25px; cursor:pointer;} #TouZiLingYu li .lingyu-list-center .lingyu-des{ color:#8a8a8a; line-height:25px;} #TouZiLingYu .lingyu-content { height:390px; overflow:hidden; margin:0 -35px;} #TouZiLingYu .lingyu-list-box{ overflow:hidden; height:390px;} #TouZiLingYu .lingyu-content .tab-pane{ position:relative; margin:0 35px;} #TouZiLingYu .lingyu-content .tab-pane .lingyu_l{ width:30px; height:64px; position:absolute; background:url(../images/lingyu-l.png) no-repeat center; background-size:30px; top:50%; margin-top:-32px; left:-35px; cursor:pointer; z-index:9;} #TouZiLingYu .lingyu-content .tab-pane .lingyu_r{ width:30px; height:64px; position:absolute; background:url(../images/lingyu-r.png) no-repeat center; background-size:30px; top:50%; margin-top:-32px; right:-35px; cursor:pointer; z-index:9;} /*资讯中心*/ #index-news{ background:url(../images/bg-news.jpg) no-repeat; background-size:cover; padding:70px 0 100px;} #index-news .top-picTitle{ color:#fff;} #index-news .top-picTitle small{ color:#fff;} .color-fdd100{ color:#fdd100;} #index-news .new-tabs{ text-align:center; border-bottom:none; position:relative; margin-bottom:30px;} #index-news .new-tabs li{ float:none; display:inline-block; position:relative; padding:10px;} #index-news .new-tabs li a{ position:relative; display:inline-block; color:#fff; width:90px; height:90px; padding:0px; line-height:90px; border-radius:50%; background-color:#453523; font-size:18px;} #index-news .new-tabs li a:hover{ border:none;} #index-news .new-tabs li.active a{ background-color:#fdd100; position:relative; border:none; z-index:2; color:#000;} #index-news .new-tabs li a span{ position:absolute; width:100%; line-height:20px; text-align:center; top:50%; left:0; padding:0 5px;} #index-news .new-content { height:370px; overflow:hidden; margin:0 -35px;} #index-news .new-list-box{ overflow:hidden; height:370px; width:100%} #index-news .new-content .tab-pane{ position:relative; margin:0 35px;} #index-news .new-content .tab-pane .new_l{ width:30px; height:64px; position:absolute; background:url(../images/lingyu-l.png) no-repeat center; background-size:30px; top:50%; margin-top:-32px; left:-35px; cursor:pointer; z-index:9;} #index-news .new-content .tab-pane .new_r{ width:30px; height:64px; position:absolute; background:url(../images/lingyu-r.png) no-repeat center; background-size:30px; top:50%; margin-top:-32px; right:-35px; cursor:pointer; z-index:9;} #index-news .new-content .tab-pane ul li .index-new-info-box{ padding:0 7.5px;} #index-news .new-content .tab-pane ul li .index-new-info-box .new-pic{ width:100%; cursor:pointer; overflow:hidden;} #index-news .new-content .tab-pane ul li .index-new-info-box .new-pic img{ max-width:100%;} #index-news .new-content .tab-pane ul li .index-new-info-box .new-info{ background-color:#2a2621; position:relative; height:110px;} #index-news .new-content .tab-pane ul li .index-new-info-box .new-info .time{ width:110px; height:110px; margin-right:15px; float:left; background-color:#000; color:#907f62; font-size:18px; text-align:center;} #index-news .new-content .tab-pane ul li .index-new-info-box .new-info .time>span{ display:block;} #index-news .new-content .tab-pane ul li .index-new-info-box .new-info .time>span.time-day{ font-size:60px; font-weight:lighter; line-height:40px; padding-top:25px;} #index-news .new-content .tab-pane ul li .index-new-info-box .new-info h4{ font-size:18px; margin:0; padding:25px 15px; line-height:25px;} #index-news .new-content .tab-pane ul li .index-new-info-box .new-info h4 a{ color:#b8b8b8; height:50px; overflow:hidden; cursor:pointer; text-overflow:ellipsis; -webkit-line-clamp:8; -webkit-box-orient:vertical; display:-webkit-box;} /*投资者关系*/ .relationship{ background:url(../images/bg-touzi.jpg) no-repeat; background-size:cover; padding:70px 0 100px;} #relationship{ overflow:hidden;} #relationship .panel-heading h3{ background:url(../images/index-ralationship.png) no-repeat center; height:90px; margin-top:0; margin-bottom:40px;} #page-default .relationship .swiper-pagination{ display:block; position:relative;} #page-default .relationship .swiper-pagination .swiper-pagination-bullet{ width:36px; height:4px; border-radius:4px; background-color:#b8b8b8; margin:10px 4px;} #page-default .relationship .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color:#a06d35;} #page-default .relationship .list-group-item{ margin-bottom:0;} .relationship-item-box{ position:relative; padding:1px;} .relationship-item-box .relationship-info{ display:none; position:absolute; background:rgba(253,209,0,.9); width:calc(100% - 2px); height:calc(100% - 2px); text-align:center; color:#000; padding:20px 30px 0; top:1px; left:1px;} .relationship-item-box:hover .relationship-info{ display:block;} .relationship-item-box .relationship-info h4{ font-size:20px;} #page-default .relationship-item-box .relationship-info p{ font-size:12px; margin-bottom:15px;height:34px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:8; -webkit-box-orient:vertical; display:-webkit-box;} .relationship-item-box .relationship-info .icon-eye{ display:inline-block; cursor:pointer; width:50px; height:50px; border-radius:50%; background:#fff url(../images/icon-eye.png) no-repeat center; background-size:100%;} /*联系我们*/ #index-contact{ background:url(../images/bg-contact.jpg) no-repeat; background-size:cover;} #index-contact .container{ padding:70px 15px 100px;} #index-contact .top-picTitle{ color:#fff; margin-bottom:35px;} #index-contact .top-picTitle small{ color:#fff;} #index-contact .contact-l-top{ margin-bottom:20px;} #index-contact .contact-l-top .qr-code{ width:147px; margin-right:15px;} #index-contact .contact-l-top .qr-code img{ max-width:100%;} #index-contact .contact-l-top .contact-info{ width:calc(100% - 162px);} #index-contact .contact-l-top p{ color:#fff; font-size:16px; margin-bottom:15px; position:relative; padding-left:20px;} #index-contact .contact-l-top p i.fa{ color:#fdd100; margin-right:3px; position:absolute; left:0; line-height:25px; width:15px; text-align:center;} #index-contact .form-control{ background-color:transparent; border-color:rgba(155,152,151,.3); border-radius:0;} #index-contact .form-group .btn{ color:#fff; border:none; background-color:#000; width:70px; height:40px; line-height:40px; text-align:center; padding:0; border-radius:0;} .modal{ background-color:rgba(0,0,0,.5);} .news-modal .modal-header{ border-bottom:none; height:35px; padding:5px;} .news-modal .modal-header .close{ width:25px; height:25px; line-height:25px; text-align:center; margin-top:0;} .news-modal .modal-body{ padding:0 15px 10px; height:445px; background-color:#fff;} .news-modal iframe{ width:100%; height:100%; border:none;} .swiper-container { width: 100%; height: auto; margin-left: auto; margin-right: auto; } .swiper-slide { 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; } #toTop{ z-index:99; background-color:#3d3635 !important;} #banner{ margin-bottom:0;} .navbar-brand a{ display:block;} #index-news .new-content .tab-pane ul li .index-new-info-box .new-info .time>span.times .badge{ line-height:inherit; font-size:inherit; padding:10px 15px 0; color:#907f62; border-radius:0; background-color:transparent;} @media(max-width:1199px){ .navbar-brand{ padding-top:10px;} .navbar-brand a img{ width:280px;} } @media(max-width:992px){ .index-nav .navbar li{ padding:0 10px;} .navbar-brand img{ width:215px;} #TouZiLingYu .lingyu-content .tab-pane .lingyu_l{ background-position:right; background-size:16px; left:-30px} #TouZiLingYu .lingyu-content .tab-pane .lingyu_r{ background-position:left; background-size:16px; right:-30px} #index-news .new-content .tab-pane .new_l{ background-position:right; background-size:16px; left:-30px} #index-news .new-content .tab-pane .new_r{ background-position:left; background-size:16px; right:-30px} #TouZiLingYu li .lingyu-list-center .lingyu-des{ height:200px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:8; -webkit-box-orient:vertical; display:-webkit-box;} #index-news .new-content .tab-pane ul li .index-new-info-box .new-info .time{ width:100%; float:none; height:auto; background-color:transparent;} #index-news .new-content .tab-pane ul li .index-new-info-box .new-info .time>span, #index-news .new-content .tab-pane ul li .index-new-info-box .new-info .time>span.time-day{ display:none;} #index-news .new-content .tab-pane ul li .index-new-info-box .new-info .time>span.times{ display:block !important;} #index-news .new-content .tab-pane ul li .index-new-info-box .new-info .time>span.times .badge{ display:block; visibility:visible !important; text-align:left;} #index-news .new-content .tab-pane ul li .index-new-info-box .new-info h4{ padding:5px 15px;} #index-news .new-content{ height:300px;} #index-news .new-list-box{ height:300px;} } @media(max-width:768px){ #navbar #navbar-brand img{ max-height:45px; width:auto;} .navbar-brand{ padding-top:0;} #banner img{ width:100%; height:auto; min-height:100%; position:absolute; bottom:0; left:0;} .index-content{ padding-top:48px;} #TouZiLingYu .lingyu-nav li a{ width:60px; height:60px; line-height:60px; font-size:14px;} #TouZiLingYu .lingyu-nav li.active:after{ height:35px; width:70px; top:6px; left:5px; border-top-left-radius:35px; border-top-right-radius:35px;} #index-news .new-tabs li a{ font-size:12px; width:60px; height:60px; font-weight:bold;} .top-picTitle{ font-size:30px;} .top-picTitle small{ font-size:16px; line-height:25px;} #about .panel-heading h3{ background-size:230px; height:65px;} #relationship .panel-heading h3{ background-size:232px; height:70px;} #index-news .new-tabs{ margin-bottom:0;} #index-news .new-content .tab-pane ul li .index-new-info-box .new-info .time{ font-size:14px;} #index-news .new-content .tab-pane ul li .index-new-info-box .new-info h4{ font-size:16px;} .relationship-item-box .relationship-info{ padding:0 15px 0;} .relationship-item-box .relationship-info h4{ font-size:14px;} .form-group .name{ margin-bottom:15px;} } @media(max-width:479px){ #TouZiLingYu .lingyu-nav li{ padding:0;} #TouZiLingYu .lingyu-nav li a{ width:54px; height:54px; line-height:54px; font-size:12px;} #TouZiLingYu .lingyu-nav li.active:after{ display:none;} #index-contact .contact-l-top .qr-code{ width:100%; text-align:center; margin-bottom:15px;} #index-contact .contact-l-top .contact-info{ width:100%;} .news-modal .modal-dialog{ margin:10px 0 0;} .news-modal .modal-content{ border:0;} .news-modal .modal-body{ padding:0 10px 10px;} }