@charset "UTF-8"; /*瀛椾綋*/ @font-face { font-family: "PINGFANG MEDIUM_1"; //涓瓑 src: url("../fonts/PINGFANG MEDIUM_1.woff2") format("woff2"), url("../fonts/PINGFANG MEDIUM_1.woff") format("woff"), url("../fonts/PINGFANG MEDIUM_1.ttf") format("truetype"), url("../fonts/PINGFANG MEDIUM_1.eot") format("embedded-opentype"), url("../fonts/PINGFANG MEDIUM_1.svg") format("svg"); } @font-face { font-family: "PINGFANG BOLD_1";//绮椾綋 src: url("../fonts/PINGFANG BOLD_1.woff2") format("woff2"), url("../fonts/PINGFANG BOLD_1.woff") format("woff"), url("../fonts/PINGFANG BOLD_1.ttf") format("truetype"), url("../fonts/PINGFANG BOLD_1.eot") format("embedded-opentype"), url("../fonts/PINGFANG BOLD_1.svg") format("svg"); } @font-face { font-family: "PINGFANG REGULAR_1";//甯歌 src: url("../fonts/PINGFANG REGULAR_1.woff2") format("woff2"), url("../fonts/PINGFANG REGULAR_1.woff") format("woff"), url("../fonts/PINGFANG REGULAR_1.ttf") format("truetype"), url("../fonts/PINGFANG REGULAR_1.eot") format("embedded-opentype"), url("../fonts/PINGFANG REGULAR_1.svg") format("svg"); } @font-face { font-family: "PINGFANG HEAVY_1"; //鐗圭矖 src: url("../fonts/PINGFANG HEAVY_1.woff2") format("woff2"), url("../fonts/PINGFANG HEAVY_1.woff") format("woff"), url("../fonts/PINGFANG HEAVY_1.ttf") format("truetype"), url("../fonts/PINGFANG HEAVY_1.eot") format("embedded-opentype"), url("../fonts/PINGFANG HEAVY_1.svg") format("svg"); } @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"); font-weight: normal; font-style: normal; } body{ font-family: "PINGFANG REGULAR_1"; } header{ border-bottom: 1px solid #e5e5e5; position:fixed; top:0; z-index:500; width:100%; background-color:#fff; } .w1700{ width: 88.6%; position: relative; margin: 0 auto; } .header { position: relative; transition: all 0.5s; } .header.hide1{ -webkit-transform: scale(0) !important; -ms-transform: scale(0) !important; transform: scale(0) !important; opacity: 0 !important; } .header .logo{ position:absolute; top:0; left:0; width:9.85rem; display:block; } .header .logo img{ width:100%; display:block; } .header .logo .logoimg1{ display:none; } .header ul.header-ul{ font-size: 0; text-align: center; height: 2.5rem; line-height: 2.7rem; padding-left:15%; } .header ul.header-ul>li{ display: inline-block; font-size:0.4rem; font-family: "PINGFANG MEDIUM_1"; margin:0 0.5rem; position:relative; } .header ul.header-ul li a.tit{ color: #000000; display:block;; padding-right: 0.45rem; background-repeat: no-repeat; background-size: 9px; background-position: right center; background-image: url(../img/h-xia.png); } .header ul.header-ul li.cur a.tit{ background-image: url(../img/cur-xia.png); color:#2a8dfd } .header ul.header-ul>li ul.one{ position: absolute; top:calc(2.5rem + 1px); float: left; min-width: 5rem; border: 1px solid #e5e5e5; border-top: 2px solid #2a8dfd; background-color: #fff; z-index: 100; padding:0 0 0.5rem; box-sizing: border-box; white-space: nowrap; display:none; } .header ul.header-ul>li ul.one li{ position: relative; height:1.2rem; line-height:1.2rem; border-bottom:1px solid #e5e5e5; text-align:left; padding:0 0.6rem; } .header ul.header-ul>li ul.one li a{ width: 100%; display:block; text-decoration: none; color: #333333; transition:all 0.3s; font-size:0.35rem; } .header ul.header-ul>li ul.one li ul.two{ position: absolute; top:-1px; right:calc(-0.02rem + 1px); transform:translateX(100%); border: 1px solid #e5e5e5; background-color: #f6fbff; z-index: 100; border-top: 2px solid #2a8dfd; padding:0; box-sizing: border-box; display:none; min-width:4rem } .header ul.header-ul>li ul.one li.gbs ul.two{ top:calc(-3rem - 1px); } .header ul.header-ul>li ul.one li ul.two li{ border-bottom:0; padding:0 0.5rem; } .header ul.header-ul>li ul.one li ul.three{ position: absolute; top:-1px; right:calc(-0.02rem + 1px); transform:translateX(100%); border: 1px solid #e5e5e5; background-color: #f6fbff; z-index: 100; border-top: 2px solid #2a8dfd; padding:0 ; box-sizing: border-box; display:none; min-width:4rem } .header ul.header-ul>li ul.one li.gbs ul.three{ top:calc(-3rem - 1px); } .header ul.header-ul>li ul.one li ul.three li{ border-bottom:0; padding:0 0.5rem; } .header ul.header-ul>li ul.one li ul.three li a{ display:block; } .header .en-search{ position:absolute; top:50%; right:0; transform:translateY(-50%); font-size:0; height:0.5rem; line-height:0.5rem; } .header .en-search span.h-search{ display:inline-block; width:0.5rem; height:0.5rem; background-position:center; background-size:0.5rem; background-repeat:no-repeat; background-image:url(../img/h-search.png); cursor: pointer; position:relative; top:2px; } .header .en-search .en-xia{ font-family: "PINGFANG BOLD_1"; font-size:0.4rem; color:#606060; display:inline-block; padding-right:0.45rem; background-repeat:no-repeat; background-position:right center; background-size: 9px; background-image:url(../img/h-xia2.png); margin-left: 1rem; padding-left: 1rem; cursor: pointer; position:relative; } .header .en-search .en-xia img{ position:absolute; top:0; left:0; height:100%; } .search-header-mored{ position:fixed; top:0; left:0; width:100%; background-color:#fff; z-index:-1; transition: all 0.5s; opacity: 0; } .search-header-mored.show1 { z-index: 500; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } .search-header-mored .search-mian{ width:52.6%; margin:0 auto; } .search-header-mored .search-mian .serrch-div{ height:2rem; line-height: 2rem; position:relative; border-bottom:1px solid #e5e5e5; font-size:0; } .search-header-mored .search-mian .serrch-div .tetxt{ height:2rem; line-height: 2rem; padding-left:0.5rem; width:80%; font-size:0.4rem; color:#4b4b4b; outline:none; background-color:transparent; } .search-header-mored .search-mian .serrch-div .submit-s{ position:absolute; top:50%; right:2rem; width:0.5rem; height:0.5rem; background-color:transparent; background-image:url(../img/s-aearch.png); background-position:center; background-size:100% 100%; background-repeat:no-repeat; cursor:pointer; transform:translateY(-50%); } .search-header-mored .search-mian .serrch-div .s-close{ position:absolute; top:50%; right:0rem; width:0.5rem; height:0.5rem; background-image:url(../img/s-close.png); background-position:center; background-size:100% 100%; background-repeat:no-repeat; cursor:pointer; transition:all 0.3s; transform:translateY(-50%); } .search-header-mored .re-men{ padding-left:0.5rem; font-size:0.4rem; color:#a2a2a2; height:1.55rem; line-height:1.55rem; } .search-header-mored .re-list-p{ padding-left:1.1rem; font-size:0.35rem; color:#737373; line-height: 0.9rem; padding-bottom:0.5rem; } .search-header-mored .re-list-p a{ color:#737373; } .header .en-search .pho-header-btn{ height: 20px; width: 28px; cursor: pointer; right: 0; position:relative; display:inline-block; margin-left:2rem; display:none; } .header .en-search .pho-header-btn:after{ position:absolute; left:-1rem; content:""; top:50%; transform:translateY(-50%); width:1px; height:20px; background-color:#e5e5e5; } .header .en-search .pho-header-btn .line{ height: 2px; position: absolute; left: 0; background-color: #2a8dfd; transition: all .2s; transform-origin: center; } .header .en-search .pho-header-btn .line1{ top: 0; width:65%; } .header .en-search .pho-header-btn .line2{ top: 50%; margin-top: -1px; width:100%; } .header .en-search .pho-header-btn .line3{ top: 100%; width:75%; } .header .en-search .pho-header-btn.cur .line1{ width:100%; } .header .en-search .pho-header-btn.cur .line2{ width:75%; } .header .en-search .pho-header-btn.cur .line3{ width:100%; } .pho-header-nav{ position:fixed; z-index:300; top:2.5rem; width:100%; height:calc(100% - 2.5rem); background-color:#fff; overflow: auto; display:none; } .pho-header-nav ul.phoul{ padding: 0.5rem 1rem 1rem; } .pho-header-nav ul.phoul>li{ font-size:0.45rem; border-bottom:1px solid #e5e5e5; } .pho-header-nav ul.phoul>li a.tit{ display:block; height:1.5rem; line-height:1.5rem; color:#000; background-image:url(../img/h-xia.png); background-size:9px; background-repeat:no-repeat; background-position:right center; } .pho-header-nav ul.phoul>li a.tit.no-one{ background-image:none; } .pho-header-nav ul.phoul>li ul.one{ padding:0 0.5rem 0.5rem; display:none; } .pho-header-nav ul.phoul>li ul.one>li{ border-bottom:1px solid #e5e5e5; line-height:1.5rem; } .pho-header-nav ul.phoul>li ul.one>li:nth-last-child(1){ border-bottom:0; } .pho-header-nav ul.phoul>li ul.one>li a{ color:#000; display:block; } .pho-header-nav ul.phoul>li ul.one>li ul.two{ padding:0 0.5rem 0.5rem; display:none; } .pho-header-nav ul.phoul>li ul.one>li a.more{ background-image:url(../img/h-xia.png); background-size:9px; background-repeat:no-repeat; background-position:right center; } /*搴曢儴*/ footer{ background-color: #282e3c; } footer .footer-header{ height:3.2rem; line-height:3.2rem; text-align:left; border-bottom:1px solid rgba(255, 255, 255, 0.1); } footer .footer-header img{ max-width:100% } footer .footer-mian{ margin-top: 1.2rem; position:relative; padding-bottom: 1.75rem; border-bottom:1px solid rgba(255, 255, 255, 0.1); } footer .footer-ul{ font-size:0; text-align:left; } footer .footer-ul li{ display:inline-block; margin-right: 2rem; vertical-align: top } footer .footer-ul li dt{ font-size:0.4rem; color:#fff; font-family: "PINGFANG MEDIUM_1"; line-height:0.4rem; margin-bottom: 1rem; } footer .footer-ul li dt a{ color:#fff; transition:all 0.3s; cursor:pointer; } footer .footer-ul li dd{ font-size:0.35rem; line-height:0.75rem; font-family: "PINGFANG MEDIUM_1"; } footer .footer-ul li .hover-gun{ max-height:6rem; overflow: hidden; transition:all 0.3s; } footer .footer-ul li .hover-gun.opo{ max-height:12rem; } footer .footer-ul li .see-more{ cursor:pointer; font-size:0.35rem; color:#fff; padding-right:0.5rem; background-size:0.3rem; background-repeat:no-repeat; background-position:right center; background-image:url(../img/toub.png); width:2rem; transition:all 0.3s; } footer .footer-ul li .see-more.cur{ background-image:url(../img/toub1.png); } footer .footer-ul li dd a{ color:#8e929c; } footer .footer-mian .f-search{ position:absolute; top:0; right:0; } footer .footer-mian .f-search .footer-form{ width:5.75rem; height:1rem; border-radius: 0.5rem; border: 1px solid rgba(255, 255, 255, 0.1); font-size:0; position:relative; } footer .footer-mian .f-search .footer-form .text{ height: 1rem; line-height:1rem; font-size:0.35rem; color:#fff; border: 0; background-color:transparent;; outline: none; font-family: "PINGFANG MEDIUM_1"; padding-left: 0.45rem; width:75%; } footer .footer-mian .f-search .footer-form .text::-webkit-input-placeholder{ color:#fff; } footer .footer-mian .f-search .footer-form .submit{ position:absolute; top:50%; transform:translateY(-50%); right:0.45rem; width:0.5rem; height:0.5rem; background-image:url(../img/f-search.png); background-size:100% 100%; font-size:0; background-position:center; background-repeat:no-repeat; background-color:transparent; } footer .footer-mian .f-search .right-div{ text-align:right; margin-top:0.9rem; } footer .footer-mian .f-search .wip{ text-align:right; margin-top:1rem; } footer .footer-mian .f-search .vipmian{ display:inline-block; padding-left:0.85rem; font-size:0.5rem; color:#fff; background-repeat:no-repeat; background-position:left center; background-image:url(../img/vip.png); background-size:0.65rem; } footer .footer-mian .f-search .f-ma{ display:inline-block; width:2.5rem; text-align:center; } footer .footer-mian .f-search .f-ma .img{ width:2.5rem; height:2.5rem; background-color:#fff; border-radius:4px; text-align:center; line-height:2.5rem; font-size:0; } footer .footer-mian .f-search .f-ma .img img{ width:2.25rem; } footer .footer-mian .f-search .f-ma .name{ font-size:0.35rem; color:#8e929c; line-height:0.4rem; font-family: "PINGFANG MEDIUM_1"; margin-top:0.2rem; white-space: nowrap; } footer .footer-bottom{ /*height:3.5rem;*/ line-height:1.75rem; font-size:0.3rem; font-family: "PINGFANG MEDIUM_1"; color:#8e929c; position:relative; } footer .footer-bottom .left{ width:65%; float: left; } footer .footer-bottom a{ color:#8e929c; margin-left:0.45rem; } footer .footer-bottom .right{ width:35%; float: right; text-align:right; } footer .footer-bottom .select { width: 5.75rem; position: relative; display:inline-block; margin-left:0.3rem; } footer .footer-bottom .tit { display: block; border: 1px solid rgba(255,255,255,.2); line-height: 1rem; height: 1rem; padding: 0 .4rem; color: #8e929c; font-size: .3rem; position: relative; text-align:left; background-repeat:no-repeat; background-position:90% center; background-size:9px; background-image:url(../img/h-xia2.png); margin-left: 0; } footer .footer-bottom .tit img{ width:0.4rem; margin-right:0.4rem; } footer .footer-bottom .sub { position: absolute; left: 0; bottom: 1rem; width: 100%; border: 1px solid rgba(255,255,255,.2); box-sizing: border-box; background-color: #333; max-height: 4rem; overflow: hidden; display: none; } footer .footer-bottom .sub a { display: block; height: 1rem; line-height: 1rem; padding: 0 .4rem; border-bottom: 1px solid rgba(255,255,255,.2); color: #8e929c; font-size: .3rem; transition: all .3s; text-align:left; } /*棣栭〉澶撮儴*/ .index-mian header{ border-bottom:0; background-color:transparent; } .index-mian .header ul.header-ul li a.tit{ color:#fff; background-image:url(../img/b-xia.png); } .index-mian .header .logo .logoimg1{ display:block; } .index-mian .header .logo .logoimg{ display:none; } .index-mian .header .en-search span.h-search{ background-image:url(../img/hb-search.png); } .index-mian .header .en-search .en-xia{ color:#fff; background-image:url(../img/b-xia.png); } .index-mian header.bai-bj{ background-color:#fff; border-bottom:1px solid #e5e5e5; } .index-mian .header .en-search .pho-header-btn .line{ background-color:#fff; } .index-mian header.bai-bj .header ul.header-ul li a.tit{ color:#000; background-image:url(../img/h-xia.png); } .index-mian header.bai-bj .logo .logoimg1{ display:none; } .index-mian header.bai-bj .logo .logoimg{ display:block; } .index-mian header.bai-bj .en-search span.h-search{ background-image:url(../img/h-search.png); } .index-mian header.bai-bj .en-search .en-xia{ color:#000; background-image:url(../img/h-xia.png); } .index-mian header.bai-bj .en-search .pho-header-btn .line{ background-color:#2a8dfd; } footer .footer-mian .f-search .footer-header1{ text-align:center; display:none; } .fixed-right-moedl{ position:fixed; top:50%; transform:translateY(-50%); right:0; z-index:200; } #newBridge .icon-right-center{ top: 96% !important; } .fixed-right-moedl ul{ padding:0.6rem 0.4rem 0.4rem; border-radius:8px; background-color:#282e3c } .fixed-right-moedl ul li{ text-align:center; cursor:pointer; position:relative; } .fixed-right-moedl ul li img.img{ max-width: 100%; } .fixed-right-moedl ul li.top{ font-size:0.35rem; color:#b2b6bf; margin-top:0.2rem; } .fixed-right-moedl ul li .right-moels-div{ position:absolute; top:50%; left:-30px; transform:scale(0) translate(-100%,-50%); padding: 1rem 0.75rem; border-radius:10px; background-color:#282e3c; white-space:nowrap; opacity:0; transition:all 0.3s; } .fixed-right-moedl ul li .right-moels-div:after{ position:absolute; top:50%; transform:translateY(-50%); right:-10px; width:10px; height:20px; background-size:100%; background-position:center; background-repeat:no-repeat; background-image: url(../img/rightjiano.png); content:"" } .fixed-right-moedl ul li .right-moels-div .itemname{ font-size:0.45rem; color:#ffffff; line-height:0.5rem; text-align:left; } .fixed-right-moedl ul li .right-moels-div .dimian{ margin-top:0.6rem; } .fixed-right-moedl ul li .right-moels-div .dimian .tit{ font-size:0.35rem; color:#fff; line-height:0.5rem; padding-bottom:0.5rem; border-bottom:1px solid #fff; padding-right:1.5rem; text-align:left; margin-bottom:0.5rem; } .fixed-right-moedl ul li .right-moels-div .dimian .tit:nth-child(3){ border-bottom:0; } .fixed-right-moedl ul li .right-moels-div .timeshi{ font-size:0.35rem; line-height:0.4rem; margin-top: 0.5rem; color:#fff; text-align:left; } @media (max-width: 1680px){ footer .footer-ul li{ margin-right:1.6rem; } } @media (max-width: 1480px){ footer .footer-ul li{ margin-right:1.8rem; } } @media (max-width: 1240px){ .header .en-search .en-xia{ margin-left: 1rem; } .header ul.header-ul>li{ margin:0 0.3rem; } .header ul.header-ul{ padding-left:22%; } } @media (max-width: 1200px){ } @media (max-width: 1120px){ .header ul.header-ul{ display:none; } .header{ height:2.5rem; line-height:2.5rem; } .header .en-search{ height:20px; line-height:20px; } .header .en-search span.h-search{ width:20px; height:20px; background-size:20px; } .header .en-search .en-xia{ display:none; } .header .en-search .pho-header-btn{ display:inline-block; } } @media (max-width: 1060px){ footer .footer-mian .f-search{ display:none; } } @media (max-width: 1024px){ footer .footer-mian .f-search .footer-header1{ display:block } footer .footer-mian .f-search .footer-form{ width:80%; margin:0 auto ; } footer .footer-mian .f-search .wip{ text-align:center; } footer .footer-mian .f-search .right-div{ text-align:center; } footer .footer-mian .f-search .f-ma{ width:3rem; } footer .footer-mian .f-search .f-ma .img{ margin:0 auto; } footer .footer-mian{ margin-top:0; padding-top:1.2rem; } footer .footer-header{ display:none; } footer .footer-mian .f-search{ display:block; position:relative; } footer .footer-ul li .hover-gun{ height:auto; } footer .footer-ul li .see-more{ display:none; } footer .footer-bottom .left{ width:100%; } footer .footer-bottom .right{ display:none; } footer .footer-ul li{ display:block; width:100%; margin-right:0; margin-bottom:0.5rem; } footer .footer-ul li .hover-gun{ max-height:none; padding-right:0; } footer .footer-ul li dt{ padding-bottom:0.5rem; border-bottom:1px solid rgba(255,255,255,0.1) } footer .footer-ul li dt{ margin-bottom:0.5rem; } footer .footer-ul li .hover-gun{ display:none; } footer .footer-ul li dt a{ display:block; background-position:right center; background-repeat:no-repeat; background-size:9px; background-image:url(../img/b-xia.png); } footer .footer-bottom .right{ display:block; } footer .footer-bottom{ height:auto; line-height:none; } footer .footer-mian{ padding-bottom: 0.6rem; border-bottom:0; } footer .footer-bottom .right{ width:100%; text-align:center; } footer .footer-bottom .left{ text-align:center; } } @media (max-width: 992px){ } @media (max-width: 767px){ footer .footer-header{ height:1.28rem; line-height:1.28rem; } footer .footer-header img{ max-width:none; max-height:100%; } footer .footer-mian{ margin-top:0rem; padding-bottom:0.3rem; padding-top:0.3rem; } footer .footer-ul li dt{ font-size:0.28rem; padding-bottom:0.2rem; margin-bottom: 0.2rem; line-height:0.3rem; } footer .footer-ul li{ margin-bottom:0.2rem; } footer .footer-ul li dd{ font-size:0.24rem; line-height:0.7rem; height:0.7rem; // margin-bottom:0.2rem; } footer .footer-ul li dd a{ display:block } footer .footer-bottom{ font-size:0.24rem; height:auto; padding: 0.3rem 0; line-height:0.4rem; } footer .footer-mian .f-search .footer-header1 img{ width:3.94rem; } footer .footer-mian .f-search .footer-form{ width:90%; height:0.8rem; } footer .footer-mian .f-search .footer-form .text{ height:0.8rem; line-height:0.8rem; font-size:0.24rem; padding-left:0.25rem; } footer .footer-mian .f-search .footer-form .submit{ width:0.35rem; height:0.35rem; background-size:0.35rem; } footer .footer-mian .f-search .wip{ margin-top:0.2rem; } footer .footer-mian .f-search .vipmian{ padding-left:0.3rem; font-size:0.24rem; background-size:0.3rem; } footer .footer-mian .f-search .right-div{ margin-top:0.2rem; } footer .footer-mian .f-search .f-ma .name{ font-size:0.24rem; } footer .footer-bottom{ padding:0 0 0.3rem; } footer .footer-bottom .select{ width:90%; margin-left:0; margin-bottom:0.2rem; } footer .footer-bottom .tit{ height:0.8rem; line-height:0.8rem; font-size:0.24rem; } footer .footer-bottom .sub{ bottom:0.8rem; max-height:3.2rem; } footer .footer-bottom .sub a{ height:0.8rem; line-height:0.8rem; font-size:0.24rem; } .search-header-mored .search-mian .serrch-div .tetxt{ height:1rem; line-height:1rem; font-size:0.24rem; padding-left:0.2rem; } .search-header-mored .search-mian .serrch-div{ height:1rem; line-height:1rem; } .search-header-mored .search-mian .serrch-div .submit-s{ width:0.35rem; height:0.35rem; right:0.8rem; } .search-header-mored .search-mian .serrch-div .s-close{ width:0.35rem; height:0.35rem; } .search-header-mored .re-men{ height:0.8rem; line-height:0.8rem; font-size:0.24rem; padding-left:0.2rem; } .search-header-mored .re-list-p{ padding-left:0.4rem; font-size:0.24rem; line-height:0.4rem; padding-bottom:0.2rem; } .search-header-mored .re-list-p p{ margin-bottom:.2rem; } }