@charset "utf-8"; @font-face { font-family: "BEBAS"; src: url("../fonts/BEBAS.woff2") format("woff2"), url("../fonts/BEBAS.woff") format("woff"), url("../fonts/BEBAS.ttf") format("truetype"), url("../fonts/BEBAS.eot") format("embedded-opentype"), url("../fonts/BEBAS.svg") format("svg"); } body{ overflow: hidden; } header{ position:fixed; top:0; left:0; width:100%; z-index:1000 } .header-top{ background-color: #595757; } .w1800{ width: 93.75%; position: relative; margin: 0 auto; } .header-top .top{ margin-left: 3.125%; } .header-top .top .p1{ float: left; font-size: 0.45rem; color: #fff; line-height: 1.25rem; } .header-top .top .p1 span{ margin-left: 1.1rem; padding-left:0.75rem; background-position:left center; background-size:0.4rem; background-image:url(../img/a-tell.png); background-repeat:no-repeat } .header-top .right{ float:right; font-size:0; } .header-top .right a{ display: inline-block; font-size:0.45rem; color:#fff; transition:all 0.3s; margin-right: 1.2rem; vertical-align: middle; } .header-top .right .search{ display: inline-block; margin-right:1.2rem; width:0.575rem; height:0.575rem; background-position: center; background-size: 0.5rem; background-repeat: no-repeat; background-image: url(../img/search.png); cursor: pointer; transition:all 0.3s; vertical-align: middle; } .header-top .right .tab{ display: inline-block; font-size:0.45rem; color:#fff; transition:all 0.3s; margin-right: 1.2rem; vertical-align: middle; } .header-top .right .tab{ padding-right: 16px; background-position:right center; background-size: 11px; background-repeat: no-repeat; background-image: url(../img/down.png); position:relative; cursor:pointer; } .header-top .right .tab .tab-hover{ position: absolute; z-index:200; width: 120%; top: 100%; background-color: #f2c31c; text-align: center; padding: 0.2rem; opacity:0; visibility:hidden; transition:all 0.3s; } .header-top .right .tab .tab-hover a{ color: #fff; font-size: 0.4rem; display: block; text-align: center; margin-right: 0; } .header-top .right a span{ display:inline-block; width:0.575rem; height: 0.575rem; background-position: center; background-size: 0.575rem; background-repeat: no-repeat; background-image: url(../img/qiu.png); margin-right:0.2rem; vertical-align: middle; } .header-top .right div.bshare-custom{ display:inline-block; width:1.25rem; background-color:#f2c31c; vertical-align: middle; position:relative; line-height:normal !important; height:1.25rem; } .header-top .right .bshare-custom a{ margin-right:0; padding-left: 0 !important; height:0.6rem; width:0.6rem; background-position: center; background-size: 100%; background-repeat: no-repeat; background-image: url(../img/share.png); position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); } .header-mian{ background-color:#fff; padding-top: 1.25rem; } .header-mian .logo{ float:left; width:5.925rem; } .header-mian .logo img{ width:100%; } .header-mian .nav-ul{ float:right; width:60%; text-align: right; font-size:0; display: -webkit-flex; display:flex; -webkit-justify-content: flex-start; justify-content: space-between; } .header-mian .nav-ul li{ display:inline-block; // margin-left:1.25rem; position:relative; } .header-mian .nav-ul li:first-child{ margin-left:0 } .header-mian .nav-ul li .tit-a{ font-size:0.5rem; color:#333333; height:1.7rem; line-height:1.6rem; display:inline-block; position:relative; } .header-mian .nav-ul li .tit-a:after{ position:absolute; bottom:0; height:3px; background-color:#f2c31c;; width:0; left:50%; transform:translateX(-50%); transition:all 0.3s; content:""; } .header-mian .nav-ul li.cur .tit-a:after{ width:100%; } .header-mian .nav-ul li .hover-div{ position:fixed; top:4.2rem; width:calc(60% - 3rem); z-index:200; right:0; padding:1.2rem 1.5rem; background-color:#f5f5f5; transition:all 0.3s; opacity:0; visibility:hidden } .header-mian .nav-ul li .hover-div .le-p{ float:left; width:30%; } .header-mian .nav-ul li .hover-div .le-p .tit-b{ display:block; font-size:0.45rem; color:#0f0f0f; height:1.25rem; line-height:1.25rem; border-bottom:1px solid #d0d0d0; text-indent: 2em; text-align:left; transition:all 0.3s; } .header-mian .nav-ul li .hover-div .right-p{ float:right; width:60%; text-align:left; } .header-mian .nav-ul li .hover-div .right-p .img{ overflow:hidden } .header-mian .nav-ul li .hover-div .right-p .img img{ width:100%; } .header-mian .nav-ul li .hover-div .right-p .name{ font-size:0.55rem; color:#0f0f0f; line-height:0.9rem; height:1.8rem; margin-top:0.75rem; } .header-mian .nav-ul li .hover-div .right-p .more-btn{ display: inline-block; margin-top: 0.9rem; font-size: 0.45rem; color: #333; height: 1.1rem; line-height: 1.1rem; padding: 0 1rem 0 0.5rem; background-color: #f2c31c; background-position: 86% center; background-repeat: no-repeat; background-size: 0.3rem; background-image: url(../img/more2.png); } .footer-top{ background-color:#e0e0e0; padding: 1rem 0; } .w1650{ position:relative; margin:0 auto; width:86%; } .footer-top .fot-cont{ display: -webkit-flex; display:flex; -webkit-justify-content: flex-start; justify-content: space-between; } .footer-top .fot-cont .item{ display:inline-block; } .footer-top .fot-cont .item .img{ float:left; width:2.5rem; } .footer-top .fot-cont .item .img img{ width:100%; } .footer-top .fot-cont .item .text-div{ float:left; margin-left:0.5rem; } .footer-top .fot-cont .item .text-div .name{ font-size:0.9rem; line-height:1; color:#333333 } .footer-top .fot-cont .item .text-div .con-p{ font-size:0.5rem; color:#333333; line-height:0.75rem; margin-top:0.5rem; } .footer-top .fot-cont .item .text-div .con-p p img{ display:inline-block; width:0.6rem; margin-right: 0.2rem; } .footer-top .fot-cont .item .text-div .more{ display:inline-block; font-size:0.45rem; color:#333333; padding-right:0.6rem; background-position:right center; background-size:0.3rem; background-image:url(../img/more2.png); transition:all 0.3s; line-height:0.6rem; margin-top:0.5rem; background-repeat:no-repeat } .footer-mian{ padding-top:1.6rem; background-color:#595757 } .footer-mian .left{ float:left; width:50%; font-size:0; } .footer-mian .left .img-text{ display:inline-block; margin-right:1.1rem; } .footer-mian .left .img-text:last-child{ margin-right:0; } .footer-mian .left .img-text .tit{ font-size:0.5rem; color:#fff; text-align:center; line-height:0.6rem; margin-bottom:0.5rem; } .footer-mian .left .img-text .img{ overflow:hidden; } .footer-mian .left .img-text .img img{ max-width:100%; } .footer-mian .ful{ float:right; width:48%; } .footer-mian .ful li{ float:left; width:50%; font-size:0.5rem; line-height:0.6rem; margin-bottom:0.9rem; } .footer-mian .ful li a{ color:#fff; transition:all 0.3s; } .footer-mian .top1{ padding-bottom:3rem; position:relative;; border-bottom:1px solid #fff; } .footer-mian .top1 .bshare-custom{ position:absolute; bottom:0.9rem; left:0; } .footer-mian .top1 .bshare-custom a{ display:inline-block; padding-left:0; height:1.1rem; width:1.1rem; margin-right:0.75rem; background-color:#dddddd; transition:all 0.3s; background-repeat:no-repeat; background-position:center; background-size:100% 100%; } .footer-mian .top1 .bshare-custom a.bshare-linkedin{ background-image:url(../img/sh1.png) } .footer-mian .top1 .bshare-custom a.bshare-sinaminiblog{ background-image:url(../img/sh2.png) } .footer-mian .top1 .bshare-custom a.bshare-facebook{ background-image:url(../img/sh3.png) } .footer-mian .top1 .bshare-custom a.bshare-twitter{ background-image:url(../img/sh4.png) } .footer-mian .bottom{ padding: 0.5rem 0; font-size:0.4rem; color:#fff; } .footer-mian .bottom a{ color:#fff; transition:all 0.3s; margin-left:0.6rem; } .btn-pho-div{ position:absolute; top:50%; transform:translateY(-50%); right:0; width:0.75rem; height:0.5rem; display:none } .btn-pho-div .line{ position:absolute; width:100%; height:2px; background-color:#f2c31c; left:0; transition:all 0.3s; } .btn-pho-div .line1{ top:0; } .btn-pho-div .line2{ top:50%; margin-top:-1px; } .btn-pho-div .line3{ bottom:0; } .btn-pho-div.cur .line{ top:50%; bottom:auto; } .btn-pho-div.cur .line1{ transform:rotate(45deg); } .btn-pho-div.cur .line2{ opacity:0 } .btn-pho-div.cur .line3{ transform:rotate(-45deg); } .pho-div-nav{ position:fixed; top:2.9rem; left:0; width:100%; height:calc(100% - 2.9rem); background-color:#fff; overflow:auto; z-index:1000; border-top:1px solid #e5e5e5; display:none } .pho-div-nav .nav-ul{ width:90%; margin:0 auto; padding:0.5rem 0; } .pho-div-nav .nav-ul .tit-a{ position:relative; display:block; font-size: 0.5rem; color:#333; height:1.2rem; line-height:1.2rem; border-bottom:1px solid #e5e5e5 } .pho-div-nav .nav-ul .tit-a span{ position:absolute; top:50%; transform:translateY(-50%); right:0; width:10px; height:6px; display:inline-block; background-repeat:no-repeat; background-size:10px; background-position:center; background-image:url(../img/xia2.png); transition:all 0.3s; } .pho-div-nav .nav-ul .tit-a.cur span{ transform:translateY(-50%) rotate(-180deg); } .pho-div-nav .nav-ul li .hover-div{ padding:0.5rem; display:none } .pho-div-nav .nav-ul li .hover-div .tit-b{ display:block; font-size:0.45rem; color:#666; height:1rem; line-height:1rem; } .search-model{ position:fixed; top:0; left:0; width:100%; height:100%; z-index: 2000; display:none } .search-model .back{ position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.5) } .search-model .form{ position:absolute; top:50%; left:50%; width:660px; height:50px; line-height:50px; border-radius:25px; transform:translate(-50%,-50%); background-color:#f2c31c } .search-model .form .text{ padding-left:30px; font-size:18px; height:50px; line-height:50px; width:80%; background-color:transparent; color:#333 } .search-model .form .submit{ position: absolute; top: 50%; transform: translateY(-50%); right: 0.75rem; width: 25px; height: 25px; background-position: center; background-repeat: no-repeat; background-size: 25px; background-image: url(../img/sou2.png); cursor: pointer; background-color: transparent; font-size:0; } .footer-top .fot-cont .item .text-div .con-p p br{ display:none } @media (max-width: 1366px){ .footer-mian .left .img-text{ width:4.5rem; } } @media (max-width: 1080px){ .footer-mian .left .img-text { width: 3.5rem; } .footer-mian .ful{ width:40%; } } @media (max-width: 1024px){ } @media (max-width: 992px){ .header-mian .nav-ul{ display:none } .header-mian{ padding: 0.3rem 0; } .btn-pho-div{ display:block } .footer-top .fot-cont .item .text-div{ margin-left:0 } .footer-mian .left .img-text{ margin-right:1.5rem; } } @media (max-width: 767px){ .header-top .top .p1{ font-size:0.24rem; height:0.5rem; line-height:0.8rem; height:0.8rem; } .header-top .right a:nth-child(1){ display:none } .footer-top .fot-cont .item .text-div .con-p p br{ display:block } .header-top .right div.bshare-custom{ display:none } .header-top .right .search{ margin-right:0; width:0.3rem; height:0.3rem; background-size:0.3rem; } .header-top .top .p1 span{ margin-left:0.3rem; padding-left:0.3rem; background-size:0.26rem; display:none } .footer-top .fot-cont .item .text-div .con-p p img{ width:0.3rem; margin-right:0.1rem; } .header-top .top{ width:93.75%; margin:0 auto; } .header-top .right a{ font-size:0.24rem; margin-right: 0.3rem; } .header-top .right a span{ width:0.24rem; height:0.24rem; background-size:0.24rem; margin-right:0.1rem; } .header-top .right{ height:0.8rem; line-height: 0.8rem; } .header-mian{ padding:0.2rem 0; } .header-mian .logo{ height:0.6rem; width:auto; font-size:0 } .header-mian .logo img{ max-height: 100%; width:auto; } .btn-pho-div{ width:0.6rem; height:0.4rem; } .pho-div-nav{ top:1.8rem; height:calc(100% - 1.8rem) } header{ border-bottom:1px solid #e5e5e5 } .footer-top{ padding:0.6rem 0; } .footer-top .fot-cont .item .img{ width:1rem; } .footer-top .fot-cont .item .text-div .name{ font-size:0.4rem; } .footer-top .fot-cont .item .text-div .con-p{ font-size:0.26rem; line-height:0.4rem; margin-top:0.2rem; } .footer-top .fot-cont .item .text-div .more{ font-size:0.24rem; margin-top:0.2rem; background-size:0.12rem; padding-right:0.3rem; } .footer-mian{ padding-top:0.6rem; } .footer-mian .ful{ display:none } .footer-mian .left{ width:100%; } .footer-mian .left .img-text .tit{ font-size:0.3rem; margin-bottom:0.1rem; line-height:0.4rem; } .footer-mian .left .img-text{ width:1.8rem; margin-right:1.2rem; } .footer-mian .top1 .bshare-custom{ bottom:0.3rem; } .footer-mian .top1 .bshare-custom a{ width:0.6rem; height:0.6rem; margin-right:0.3rem; } .footer-mian .top1{ padding-bottom:1.5rem; } .footer-mian .bottom{ font-size:0.24rem; padding: 0.2rem 0; } .footer-mian .bottom a{ margin-left:0.2rem; } .footer-top .fot-cont .item1{ margin-right: 5% } .search-model .form{ width:93.75%; } .search-model .form .text{ padding-left:20px; width:70%; } .search-model .form .submit{ right:0.3rem; } } @media (max-width: 475px){ .footer-mian .left .img-text{ /* margin-right: .5rem; */ } }