@charset "utf-8"; /** * 鑷畾涔夋牱寮 * * @author RayLee * @link https://www.f008.com/ * @date 2017-03-23 */ /*************************************************************************/ /** * 閲嶇疆鏍峰紡 */ html { font-family: "\5FAE\8F6F\96C5\9ED1", "\82F9\679C\4E3D\4E2D\9ED1", "Roboto", sans-serif; padding:0; margin:0; height:100%; overflow-x:hidden; } .container{ margin:0 auto; max-width:1256px; width:100%; box-sizing:border-box; } @media only screen and (max-width: 1280px){ .container{ width:95%; } } .m-0 { margin:0 !important; } .mt-0 { margin-top:0 !important; } .mb-0 { margin-bottom:0 !important; } .ml-0 { margin-left:0 !important; } .mr-0 { margin-right:0 !important; } .p-0 { padding:0 !important; } .pt-0 { padding-top:0 !important; } .pb-0 { padding-bottom:0 !important; } .pl-0 { padding-left:0 !important; } .pr-0 { padding-right:0 !important; } .oh { overflow:hidden !important; } .clearfix:after { clear:both; content:''; display:block; width:0; height:0; visibility:hidden; } .line { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .bgfix { background-position:center center; background-repeat:no-repeat; background-size:cover; } .icon { background:url(../images/icon.png) no-repeat 0 0; display:inline-block; min-width:32px; min-height:32px; background-size:540px 90px; } /*************************************************************************/ /** * 椤堕儴鍏叡瀵艰埅 */ #main-nav, #main-nav .logo, #main-nav .main-menu-list, #main-nav .main-menu-list.curent, #main-nav .side-nav-title, #main-nav .search-form { max-height:110px; height:110px; line-height:110px; } #main-nav { background-color:#f9f4f1; color:#535353; } #main-nav a { color:#535353; } #main-nav .logo { overflow:hidden; font-size:inherit; position:inherit; display:block; } #main-nav .logo img { height:38%; width:auto; vertical-align:middle; } #main-nav .main-menu-list.current { border-bottom:2px solid #d61325; } #main-nav .main-menu-list, #main-nav .main-menu-list a { font-size:16px; } #main-nav .main-menu-list { width:11%; } #main-nav .main-menu-list a, #main-nav .main-menu-drop a { width:100%; height:100%; display:block !important; } #main-nav .main-menu-list:hover, #main-nav .main-menu-drop:hover { background:rgba(0,0,0,.1); } #main-nav .main-menu-list:hover a, #main-nav .main-menu-drop:hover a { background:none; } #main-nav .dropdown-button { position:relative; } #main-nav .nav-icon { position:absolute; width:24px; height:24px; line-height:24px; font-size:24px; top:42px; right:0; } #main-nav .main-menu-serach { width:9%; } #main-nav .main-menu-serach .split { display:block; } #main-nav .main-menu-drop { width:12%; } #main-nav .menu-icon { height:48px; width:48px; line-height:48px; margin-top:32px !important; text-align:center; border-radius:50%; } #main-nav .menu-icon i { font-size:28px; color:#d61325; height:100%; width:100%; line-height:48px; } #main-nav .search-icon i { color:#999; } #main-nav .dropdown-content { background-color:#f9f4f1; } #main-nav .dropdown-site-list { min-height:40px; } #main-nav .dropdown-site-list a { font-size:14px; padding:0 5px; line-height:40px; } #main-nav .dropdown-site-list a:hover { background:rgba(0,0,0,.1); } #main-nav .side-nav { font-size:24px; border:none !important; } #main-nav .side-nav-title { background-color:#d61325; color:#fff; padding:0 20px; position:relative; } #main-nav .side-nav-close { display:block; width:48px; height:48px; line-height:48px; text-align:center; position:absolute; top:32px; right:5px; padding:0; border-radius:50%; } #main-nav .side-nav-close i { width:100%; height:100%; float:none; font-size:30px; } #main-nav .side-nav-list { border-bottom:1px solid #eee; } #main-nav .site-nav-link { font-size:16px; line-height:50px; padding-left:25px; padding-right:10px; position:relative; height:49px; } #main-nav .site-nav-link .nav-icon { color:#999; top:14px; right:15px; margin:0; } #main-nav .site-nav-link .icon-down { display:none; } #main-nav .site-nav-link .icon-right { display:block; } #main-nav .site-nav-link.active .icon-down { display:block; } #main-nav .site-nav-link.active .icon-right { display:none; } #main-nav .side-nav-collapsible { background-color:#f1f2f3; border-left:1px solid #d61325; } #main-nav .collapsible-list { border-bottom:1px dashed #fff; } #main-nav .collapsible-list:last-child { border-bottom:none; } #main-nav .collapsible-link { font-size:16px; line-height:50px; padding-left:25px; padding-right:10px; } /* 灏忓睆骞曟敼鍙橀《閮ㄥ鑸ぇ灏 */ @media only screen and (max-width: 1024px){ #main-nav, #main-nav .logo, #main-nav .main-menu-list, #main-nav .main-menu-list.curent, #main-nav .side-nav-title { max-height:80px; height:80px; line-height:80px; } #main-nav .menu-icon { margin-top:16px !important; } #main-nav .side-nav-close { top:16px; } #main-nav .dropdown-button .nav-icon { display:none; } } /*鎼滅储妗?/ #dropdown2{white-space: nowrap;z-index:9999999; position: fiexd;top: 0px; left: 0px;width:100% !important;height:110px;opacity: 1;display: none;text-align:center; overflow-y: inherit; left: 0 !important; margin: 0 !important;} #dropdown2 .row1{width:480px; margin-left: auto;margin-right: auto;margin-bottom: 0px;height:45px;text-align:center;background: #fff; margin-top: 30px; line-height: 45px; position: relative;} #dropdown2 .row input{width:60%;float: left;height:100%;background: #fff;display:inlin-black; } #dropdown2 .row i{float: left; height:100%; width: 40px;} #first_name{width: 100%;float: left; margin: 0; border-bottom: none; text-indent: 1em;} #first_name:hover{box-shadow:inherit !important;} #dropdown2 .material-icons{width: 20px;margin-right:15px; height: 45px; line-height: 45px; position: absolute;right: 0;} #dropdown2 .clear{position: absolute; right: -60px;cursor:pointer; } #dropdown2 .ss_btn{ right: 0; position: absolute;top: 6px;width: 20px;display: block;opacity:0;} @media only screen and (max-width: 1024px){ #dropdown2{height: 80px;} #dropdown2 .row1{margin-top: 17px;} } @media only screen and (max-width:780px){ #dropdown2{height: 80px;} #dropdown2 .row1{width: 88%; margin-left: 2.5%;} } @media only screen and (max-width:620px){ #dropdown2 .row1{width: 80%} } /*************************************************************************/ /** * 搴曢儴 */ #site-footer { width:100%; min-height:265px; height:auto; background-color:#3f3a39; border-top:1px solid #d61325; margin-top:40px; padding:30px 0 0 0; } #site-footer .footer-wrap { position:relative; z-index:2; } #site-footer .nav-border { position:absolute; top:30px; height:95px; width:0; border-left:1px solid #444; border-right:1px solid #313131; } #site-footer .border-left { left:33.3333%; } #site-footer .border-right { right:30%; } #site-footer .footer-nav-list { height:60px; line-height:60px; padding:0; } #site-footer .footer-nav-list a { display:block; color:#e5e5e5; font-size:16px; } #site-footer .footer-nav-list .nav-icon { font-size:20px; } #site-footer .footer-contact { margin-top:25px; } #site-footer .footer-contact-list { color:#fff; height:32px; line-height:32px; padding-left:15%; font-size:14px; } #site-footer .footer-nav-list a:hover { color:#d61325; } #site-footer .footer-qrcode { margin-top:15px; } #site-footer .qrcode-image, #site-footer .scan-btn { display:inline-block; height:116px; width:116px; } #site-footer .qrcode-image { vertical-align:middle; } #site-footer .scan-btn { margin-left:30px; line-height:1.5; background-color:#d61325; box-shadow:none; position:relative; } #site-footer .scan-btn .btn-text { display:inline-block; padding-top:38px; } #site-footer .scan-btn .btn-triangle { position:absolute; left:-20px; top:48px; width:0; height:0; border-top:15px solid transparent; border-right:30px solid #d61325; border-bottom:15px solid transparent; } #site-footer .footer-info { border-top:1px solid #626262; padding:10px 0; } #site-footer .copyright, #site-footer .company { color:#959595; } #site-footer .company { text-align:right; } #site-footer p { height:auto; padding:3px 0 !important; margin:3px 0 !important; } #site-footer .footer-info a { color:#959595; } #site-footer .footer-phone{display:none;} #site-footer .footer-pc{display:block;} /* 灏忓睆骞曟敼鍙樺厓绱犲ぇ灏 */ @media only screen and (max-width: 1024px){ #site-footer .footer-contact-list { padding-left:10%; } } @media only screen and (max-width: 992px){ #site-footer { padding:0; } #site-footer .footer-nav { margin:0; } #site-footer .footer-nav-list, #site-footer .footer-contact-list { height:50px; line-height:50px; border-bottom:1px solid #626262; } #site-footer .footer-nav-list a { padding:0 5%; } #site-footer .footer-contact { margin-top:0; } #site-footer .footer-contact-list { padding:0; text-align:center; } #site-footer .footer-qrcode { text-align:center; } #site-footer .qrcode-image, #site-footer .scan-btn { height:80px; width:80px; } #site-footer .scan-btn .btn-text { padding-top:24px; font-size:12px; } #site-footer .scan-btn .btn-triangle { left:-15px; top:32px; width:0; height:0; border-top:10px solid transparent; border-right:20px solid #d61325; border-bottom:10px solid transparent; } #site-footer .copyright, #site-footer .company { text-align:center; } #site-footer .footer-phone{display:block;} #site-footer .footer-pc{display:none;} } /*************************************************************************/ /** * 棣栭〉 */ #home-slide-show { height:auto; width:100%; position:relative; } #home-slide-show .swiper-slide { display:block; height:100%; } #home-slide-show .home-slide-container { width:100%; height:100%; } #home-slide-show .slide-img { width:100%; height:auto; } #home-slide-show .slide-img-big { display:block !important; } #home-slide-show .home-slide-nav { position:absolute; left:0; top:25%; height:auto; width:100%; /* z-index:2; */} #home-slide-show .slide-nav { display:block; background:rgba(0,0,0,0.2); padding:10px; border-radius:5px; opacity:0.3; } #home-slide-show .slide-nav:hover { opacity:0.6; } #home-slide-show .slide-nav-icon { width:40px; height:72px; background-image:url(../images/slide-nav-btn.png); background-repeat:no-repeat; display:block; background-size:80px 72px; } #home-slide-show .slide-nav-left .slide-nav-icon { background-position:0 0; } #home-slide-show .slide-nav-right .slide-nav-icon { background-position:-40px 0; } #home-slide-show .business-container { position:absolute; left:0; bottom:0; z-index:100; width:100%; background:rgba(0,0,0,0.5); } #home-slide-show .business-list-container, #home-slide-show .business-container, #home-slide-show .business-list { width:100%; height:130px; } #home-slide-show .business-list-container { border-left:1px solid #545454; } #home-slide-show .business-list { width:130px; border-right:1px solid #545454; } #home-slide-show .business-link { width:130px; height:100%; display:block; font-size:16px; color:#fff; } #home-slide-show .business-link:hover { background:rgba(255,255,255,.1); } #home-slide-show .business-image { height:100%; width:360px; } #home-slide-show .business-desc { width:372px; height:100%; color:#fff; padding:0 15px; background:rgba(0,0,0,.5); } #home-slide-show .business-desc-title { font-size:16px; font-weight:bold; height:60px; line-height:60px; font-style: normal;} #home-slide-show .business-link .text { display:block; margin-top:10px; } #home-slide-show .business-list.current .business-link { background-color:#d61325; } #home-slide-show .business-desc-txt { height:45px; overflow:hidden;font-style: normal;} #home-slide-show .icon-estate { background-position:-5px -55px; width:35px; height:35px; display:block; margin:0 auto; margin-top:30px; } #home-slide-show .icon-tourism { background-position:-66px -55px; width:38px; height:38px; display:block; margin:0 auto; margin-top:27px; } #home-slide-show .icon-oil { background-position:-130px -54px; width:38px; height:38px; display:block; margin:0 auto; margin-top:27px; } #home-slide-show .icon-cultural { background-position:-191px -54px; width:38px; height:38px; display:block; margin:0 auto; margin-top:27px; } #home-news { width:100%; height:auto; background-color:#f9f4f1; padding:20px 0; } #home-news .news-wrap, #home-news .news-title { height:350px; overflow:hidden; } #home-news .news-container { background-color:#fff; } #home-news .news-list-container { box-sizing:border-box; } #home-news .news-title { background-color:#d61325; color:#fff; text-align:center; } #home-news .news-title .txt { display:block; } #home-news .news-title .big-txt { font-size:38px; margin-top:65px; } #home-news .news-title .small-txt { font-size:16px; } #home-news .news-title .title-link { font-size:14px; display:block; height:32px; line-height:32px; width:90px; text-align:center; margin:0 auto; margin-top:80px; color:#fff; border:1px solid #fff; border-radius:4px; } #home-news .news-link { display:block; padding:20px 15px; color:#1b1b1b; border-bottom:1px solid #d2d2d2; transition:all .2s ease-in-out; } #home-news .news-link:hover { background-color:rgba(0,0,0,0.1); transition:all .2s ease-in-out; } #home-news .news-list-container .news-list:last-child a { border:none; } #home-news .desc { padding-left:5% !important; border-left:1px dashed #c1c1c1; } #home-news .datetime { font-style:normal; display:block; color:#d61325; } #home-news .datetime .date, #home-news .datetime .month { display:block; font-style:normal; } #home-news .datetime .date { font-size:32px; } #home-news .datetime .month { font-size:16px; } #home-news .desc-title, #home-news .desc-txt { font-style:normal; display:block; width:100%; } #home-news .desc-title { font-size:16px; color:#1b1b1b; margin-bottom:12px; } #home-news .desc-txt { font-size:14px; color:#707070; height:40px; overflow:hidden; } #home-news .image-list-container { padding:0 0 0 20px; } #home-news .image-list { width:100%; height:165px; } #home-news .image-profile { margin-bottom:20px; } #home-news .image-link { display:block; height:100%; width:100%; background:rgba(0,0,0,.6); color:#fff; font-size:20px; } #home-news .image-link:hover { background:rgba(0,0,0,.3); } #home-news .image-link .txt { font-style:normal; display:block; height:30px; line-height:30px; } #home-news .image-link .chineses { margin-top:50px; } #home-news .image-link .line { border-bottom:2px solid #d61325; width:45px; margin:0 auto; height:10px; } #home-video { margin-bottom:40px !important; } #home-video .video-title { height:60px; line-height:60px; } #home-video .video-title a { color:#313131; font-size:24px; display:block; width:150px; } #home-video .video-icon { font-size:36px; display:block; height:100%; line-height:60px; margin-right:5px; color:#d61325; } #home-video .video-title a:hover { color:#d61325; } #home-video .video-container { width:100%; height:530px; } #home-video .video-link { display:block; background:rgba(0,0,0,.6); width:100%; height:100%; color:#fff; } #home-video .video-link:hover { background:rgba(0,0,0,.3) } #home-video .play-icon { display:block; font-size:96px; height:96px; width:96px; line-height:96px; margin:0 auto; margin-top:180px; } #home-video .play-title { font-size:28px; display:block; font-weight:normal; margin-top:10px; } /* 灏忓睆骞曟敼鍙樺厓绱犲ぇ灏 */ @media only screen and (max-width: 1024px){ #home-video .video-container { height:320px; } #home-video .play-icon { font-size:64px; width:64px; height:64px; line-height:64px; margin-top:100px; } #home-video .play-title { font-size:24px; } #home-slide-show .business-list-container, #home-slide-show .business-container, #home-slide-show .business-list { height:80px; } #home-slide-show .business-list { width:25%; } #home-slide-show .business-link { width:100%; } #home-slide-show .business-link .icon { margin-top:8px; } #home-slide-show .business-link .text { margin-top:5px; } #home-slide-show .icon-estate { margin-top:11px !important; } } @media only screen and (max-width: 992px){ #home-slide-show .slide-img-big { display:none !important; } #home-slide-show .slide-img-middle { display:block !important; } #home-slide-show .slide-img-small { display:none !important; } #home-news .news-wrap { height:auto; } #home-news .container, #home-video .container { width:100%; } #home-news .news-title { width:100%; height:80px; line-height:80px; padding-bottom:0 !important; text-align:left; clear:both; display:block; } #home-news .news-title .txt { float:left; } #home-news .news-title .big-txt { margin:0 10px 0 2.5%; font-size:24px; } #home-news .news-title .title-link { float:right; border:none; margin:10px 2.5% 0 0; height:60px; line-height:60px; text-align:center; width:60px; border-radius:50%; } #home-slide-show .business-wrapper { width:100%; } #home-news .image-list-container { padding:0; margin-top:20px !important; } #home-news .image-list { height:290px; } #home-news .image-link .chineses { margin-top:115px; } #home-news .image-link .line { height:15px; } #home-video .video-title { padding:0 20px !important; } } @media only screen and (max-width: 600px){ #home-slide-show .slide-img-big { display:none !important; } #home-slide-show .slide-img-middle { display:none !important; } #home-slide-show .slide-img-small { display:block !important; } #home-slide-show .slide-nav-icon { width:30px; height:52px; background-size:60px 52px; } #home-slide-show .slide-nav-left .slide-nav-icon { background-position:0 0; } #home-slide-show .slide-nav-right .slide-nav-icon { background-position:-30px 0; } #home-slide-show .business-link { font-size:14px; } } /*************************************************************************/ /* 鍐呴〉椤堕儴瀵艰埅 */ #page-top-nav { width:100%; } #page-top-nav .top-nav { height:70px; background-color:#fff; line-height:70px; } #page-top-nav .top-nav-list { height:100%; min-width:100px; font-size:16px; } #page-top-nav .top-nav-link { display:block; color:#434343; height:70px; } #page-top-nav .top-nav-link:hover { background:rgba(0,0,0,0.1); } #page-top-nav .top-nav-list.current .top-nav-link { color:#d61325; border-bottom:2px solid #d61325; } #page-top-nav .breadcrumb-nav { height:60px; line-height:60px; color:#434343; font-size:14px; } #page-top-nav .breadcrumb-nav .nav-icon { font-size:16px; vertical-align:central; padding:22px 5px 0 0; } #page-top-nav .breadcrumb-nav a { color:#434343; } #page-top-nav .breadcrumb-nav a:hover { color:#d61325; } #page-top-nav .drop-nav { height:60px; background-color:#fff; line-height:60px; } #page-top-nav .drop-nav-bar { position:relative; } #page-top-nav .drop-nav-bar .back-button { display:block; position:absolute; z-index:2; top:0; left:0; width:60px; background-color:#d61325; color:#fff; font-size:40px; } #page-top-nav .drop-nav-bar .drop-button { padding-left:60px; display:block; color:#434343; font-size:18px; padding-right:20px; text-indent:15%; } #page-top-nav .drop-nav-bar .drop-icon { display:block; font-size:40px; margin-top:10px; } #page-top-nav .page-nav-dropdown { margin:0!important; padding:0!important; width:100% !important; } #page-top-nav .page-nav-dropdown .drop-list { border-top: 1px solid #f2eeee; } #page-top-nav .page-nav-dropdown .drop-link { color:#434343; } /*************************************************************************/ /* 鍐呭垔 */ #periodical .periodical-container{ padding-bottom:45px ; } #periodical .periodical-page-title { color:#d61325; font-size:18px; border-bottom:1px solid #dcdcdc; padding:20px; } #periodical .periodical-boxer { min-height:756px; } #periodical .periodical-left { width:370px; } #periodical .periodical-thumb { background-color:#fff; width:100%; height:536px; padding-top:13px; background-repeat:no-repeat; background-position:center center; background-size:contain; } #periodical .periodical-thumb .svg-container { width:342px; height:510px; position:relative; margin:0 auto;background-repeat: no-repeat;} #periodical .periodical-nav { height:auto; width:100%; background-color:#fff; margin-top:20px; } #periodical .periodical-nav-container { width:100%; height:auto; padding:10px; } #periodical .periodical-nav-list { width:50%; padding:10px; } #periodical .periodical-nav-link { display:block; background-color:#dcdcdc; height:40px; line-height:40px; color:#626262; font-size:16px; } #periodical .periodical-nav-link:hover, #periodical .periodical-right .page-link:hover { background:rgba(0,0,0,0.25); } #periodical .current .periodical-nav-link { background-color:#d61325; color:#fff; } #periodical .periodical-middle { width:560px; background-color:#fff; margin-left:20px; } #periodical .periodical-list { width:100%; height:38px; line-height:38px; padding:0 20px; } #periodical .periodical-link { color:#464646; display:block; } #periodical .periodical-link .link-icon { font-size:30px; display:block; margin-right:5px; } #periodical .periodical-link:hover { background:rgba(0,0,0,0.1); } #periodical .periodical-right { width:287px; background-color:#fff; position:relative; } #periodical .periodical-right .periodical-page-nav { position:absolute; bottom:0; left:0; padding:20px 10px; border-top:1px solid #dcdcdc; width:100%; } #periodical .periodical-right .page-list { width:50%; height:40px; line-height:40px; padding:0 10px; } #periodical .periodical-right .page-link { display:block; background-color:#dcdcdc; color:#434343; } #periodical .periodical-content { width:867px; background-color:#fff; overflow:hidden; position:relative; } #periodical .periodical-content .content-title { font-size:20px; color:#d61325; padding:0 20px; line-height:1.5; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #dcdcdc; } #periodical .periodical-content .content-text { padding:0 20px; overflow:hidden; font-size:16px; line-height:30px; margin-bottom:20px; } #periodical .periodical-content .content-text p { margin:10px 0 !important; } #periodical .periodical-content .content-text img { max-width:100%; } #periodical .periodical-content .content-nav { border-top:1px solid #dcdcdc; padding:0 20px; width:100%; } #periodical .periodical-content .content-nav-list { position:relative; margin:20px 0; } #periodical .periodical-content .nav-link, #periodical .periodical-content .nav-btn { height:36px; line-height:36px; display:block; } #periodical .periodical-content .nav-btn { position:absolute; top:0; left:0; width:80px; background-color:#dcdcdc; } #periodical .periodical-content .nav-link { padding-left:100px; width:100%; color:#434343; } #periodical .periodical-content .nav-link:hover { color:#d61325; } /* 灏忓睆骞曟敼鍙樺厓绱犲ぇ灏 */ @media only screen and (max-width: 1280px){ #periodical .periodical-boxer { width:100% !important; margin-left:0 !important; margin-right:0 !important; } #periodical .periodical-middle { margin-top:20px !important; margin-bottom:20px !important; min-height:auto !important; } #periodical .periodical-list-only { display:none; } } @media only screen and (max-width: 992px){ #periodical .periodical-left { margin-top:20px !important; } #periodical .periodical-content{ margin-top:20px; } } #index-banenr .carousel .indicators .indicator-item{margin: 5px 4px;} /*pc瀵艰埅鏍峰紡*/ /* #main-nav{box-shadow: none;} #content { margin: 0 auto; } #content #nav ul { list-style: none; } #content #nav ul li { float: left; width: 11%; line-height: 110px; position: relative; z-index: 999; text-align: center; height: 110px;} #content #nav ul li a{display: block; padding: 0;font-size: 16px;} #nav div { width:130px; position: absolute; left: 0px; padding-bottom: 0px; float: left; height: 0; overflow: hidden; background-color: #f9f4f1; } #content #nav li .a { text-decoration: none; color: #535353; line-height:110px; display: block;} #content .curent{border-bottom: 2px solid #d61325;} #nav div a { text-decoration: none; color: #666; line-height: 40px; display: block; border-top: 1px solid #e7e7e7 ; text-align: left;padding-left: 0.9rem !important;} #content #nav ul li a:hover{background-color: #e1dcd9} #nav div a:hover { background-color: #f9f4f1; } @media only screen and (max-width: 1024px){ #content #nav ul li{line-height: 80px;} } */