/*头部*/ .hd-top{ background-color: #292929; } .hd-top-left{ float: left; } .hd-top-left>p{ line-height: 30px; color: #999; } .hd-top-right{ float: right; display: flex; display: -webkit-flex; justify-content: space-between; } .search{ position: relative; width: 155px; border-radius: 10px; background-color: #6a6a6a; margin: 5px 60px 5px 0; } .search-input{ width: 125px; height: 20px; line-height: 20px; text-indent: 15px; font-size: 1.2rem; border: none; outline: none; background-color: transparent; color: #999; } .search-btn{ position: absolute; width: 24px; height: 20px; border: none; background: url("/img/search-icon.png") center center no-repeat; outline: 0; } .nav-box{ position: relative; display: flex; display: -webkit-flex; justify-content:space-between; } .head-logo{ line-height: 60px; } .hd-nav{ /* border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; */ } .nav-bar li{ float: left; height: 60px; line-height: 60px; overflow: hidden; } .nav-bar li>a{ display: block; padding: 0 22px; color: #444; font-size: 1.4rem; transition: .3s; text-decoration: none !important; } .nav-bar li>a:hover{ background-color: #d0121b; color: #fff; } .lang-cur{ font-size: 1.2rem; line-height: 30px; vertical-align: middle; padding:0 10px; cursor: pointer; color: #999; } .lang-cur::after{ content: ''; display: inline-block; border-top: 5px solid #999; border-left: 5px solid transparent; border-right: 5px solid transparent; vertical-align: middle; margin-left: 4px; } .lang-icon{ display: inline-block; vertical-align: middle; cursor: pointer; width: 14px; height: 14px; background: url("/img/7.svg") no-repeat; -webkit-animation:rotate 3s infinite linear; -o-animation:rotate 3s infinite linear; animation:rotate 3s infinite linear; } @keyframes rotate { 0%{ -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); transform: rotateZ(0deg); } 100%{ -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); transform: rotateZ(360deg); } } .lang-list{ position: absolute; z-index: 99; display: none; border-radius: 2px; box-shadow: 0 2px 5px rgba(0,0,0,.3); overflow: hidden; } .lang-list li:hover{ background-color: #fafafa; } .lang-list li>a{ display: block; padding: 0 5px; text-align: center; font-size: 1.2rem; line-height: 24px; color: #999; background-color: #fff; } .nav-logo{ display: none; } @media (min-width:1200px) { .logoWidth{ width: 130px; } } @media (max-width: 1200px) { .nav-bar li>a{ padding: 0 12px; } .logoWidth{ width: 120px; } } @media (max-width: 992px) { .item h3{ font-size: 30px !important; } .hd-top-left{ display: none; } .hd-top-right{ float: none; } .nav-bar{ display: none; position: absolute; top: 50px; left:0; width: 100%; box-shadow: 0 2px 10px rgba(0,0,0,.3); border-radius:0 0 10px 10px; z-index: 999; } .nav-bar li{ float: none; margin:0; height: 32px; background-color: #fff; line-height: 32px; text-indent: 5px; } .nav-bar li a{ padding:0; } .head-logo{ float: left; line-height: 50px; } .head-logo img{ width: 76px; } .nav-logo{ float: right; display: block; width: 30px; margin-top: 11px; box-sizing: border-box; cursor: pointer; } .nav-logo span{ display:block; width: 25px; height: 4px; background-color: #000; border-radius: 2px; margin: 4px auto; } } @media (min-width: 992px){ .nav-bar{ display: block!important; } } /*脚部*/ .footer{ position: relative; } .ft-cont{ padding-top: 40px; padding-bottom: 40px; background:#232323 url("/img/ft-bg.png") no-repeat; background-size: contain; } .ft-box{ display: flex; display: -webkit-flex; justify-content: space-between; flex-wrap: wrap; } .ft-box>div{ width: 25%; } .ft-box h3{ font-size: 2rem; line-height: 40px; color: #dfdfdf; } .phone>p{ font-size: 1.4rem; line-height: 28px; margin: 10px 0; color: #a6a6a6; } .ft-icon { display: inline-block; vertical-align: middle; width: 21px; height: 21px; overflow: hidden; margin-right: 10px; } .phone>p:nth-child(1) .ft-icon{ background: url("/img/1.svg") no-repeat; } .phone>p:nth-child(2) .ft-icon{ background: url("/img/2.jpg") no-repeat ; } .phone>p:nth-child(3) .ft-icon{ background: url("/img/3.jpg") no-repeat center; } .phone>p:nth-child(4) .ft-icon{ background: url("/img/4.jpg") no-repeat ; } .phone>p:nth-child(5) .ft-icon{ background: url("/img/5.jpg") no-repeat ; } .phone>p:last-child{ margin: 10px 0; width: 80%; } .liuyan,.dianhua{ width: 100%; height: 42px; background: url("/img/liuyan.png") no-repeat; margin-bottom: 10px; background-size: 100% 100%; } .liuyan label{ line-height: 42px; margin-right: 15px; margin-left: 10px; } .liuyan input{ background-color: transparent; outline: none; } .dianhua label{ line-height: 42px; margin-right: 15px; margin-left: 10px; } .dianhua input{ background-color: transparent; outline: none; } label{ color: #a6a6a6; } .xinxi{ width: 100%; height: 84px; background: url("/img/xinxi.png") no-repeat; background-size: 100% 100%; margin-bottom: 10px; } .xinxi label{ display: block; line-height: 42px; margin-right: 35px; margin-left: 10px; } .xinxi textarea{ background-color: transparent; outline: none; width: 100%; height: 35px; border: none; resize: none; } .tijiao input{ width: 100%; height: 42px; background: url("/img/tijiao.png") no-repeat; background-size: 100% 100%; text-align: left; text-indent: 25px; } .message{ padding:0 25px 0 40px; } .message form{ margin-top: 12px; font-size: 1.4rem; } .message form label{ font-weight: normal; } .weixin{ padding-left: 95px; } .ft-nav{ padding:0 0 0 75px; } .ft-nav ul{ margin-top: 0; } .ft-nav li{ position: relative; height: 38px; border-bottom: 1px dashed #454545; font-size: 1.4rem } .ft-nav li:last-child{ border-bottom: none; } .ft-nav li a{ float: left; line-height: 37px; color: #a6a6a6; } .ft-nav li span{ float: right; line-height: 37px; color: #a6a6a6; } .weixin>img{ display: block; margin: 10px 0; } .weixin>p{ color: #a6a6a6; margin: 5px 0 15px 0; font-size: 1.4rem; } .weixin p:nth-child(4){ text-indent: 15px; margin: 10px 0; } .ft-ft{ text-align: center; background-color: #000; padding: 40px 0; } .ft-ft p{ color: #a6a6a6; } .ft-ft a{ color: #a6a6a6; } @media (max-width: 1200px){ .ft-box>div{ width: 45%; } .ft-nav{ padding: 0; } .weixin{ padding-left: 40px; } } @media (max-width: 768px){ .ft-box>div{ width: 100%; margin-bottom: 15px; } .ft-nav{ display: none; } .phone>p:last-child{ margin: 0; width: 95%; } .message,.weixin{ padding:0; } } /*内页公共部分*/ .com-nav>i{ display: inline-block; vertical-align: middle; background: url("/img/home-icon.png"); width: 18px; height: 17px; margin-right: 8px; } .com-nav>span,.com-nav>a{ vertical-align: middle; color: #444; } .com-nav>em{ color: #d0121b; vertical-align: middle; } .com-nav{ font-size: 1.4rem; line-height: 65px; } /*.com-head{ border-bottom:5px solid #d0121b; }*/ .com-head>ul>li{ float: left; border: 1px solid #eee; /* border-bottom: none; */ border-radius: 4px 4px 0 0; margin-right: 2px; transition: .3s; } .com-head>ul>li>a{ color: #444; padding: 0 45px; line-height:35px; font-size: 1.4rem; transition: .3s; text-decoration: none !important; } .com-head>ul>li.active,.com-head>ul>li:hover{ background-color: #d0121b; border: 1px solid #d0121b; /* border-bottom: none; */ } .com-head>ul>li.active>a,.com-head>ul>li:hover>a{ color: #fff; } @media (max-width: 768px){ .item h3{ font-size: 18px !important; } .com-head>ul{ display: flex; display: -webkit-flex; justify-content: flex-start; flex-wrap: wrap; } .com-head>ul>li{ width: 49%; text-align: center; margin: 0; float: none; } .com-head>ul>li>a{ padding: 0; } } @media (max-width: 1200px){ .footerSub{ width: 250px; } } @media (min-width: 1201px){ .footerInput{ padding-left: 6px; } } @media (min-width: 992px) and (max-width: 1200px){ .footerInput{ padding-left: 50px; } } @media (max-width: 991px){ .footerInput{ padding-left: 20px; } } @media (max-width: 768px){ .footerInput{ padding-left: 30px; } .footerForm div{ width: 300px; max-width: 100% } } /* FILE ARCHIVED ON 02:46:31 Apr 19, 2022 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 09:40:11 Aug 24, 2024. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 0.774 exclusion.robots: 0.042 exclusion.robots.policy: 0.027 esindex: 0.021 cdx.remote: 27.104 LoadShardBlock: 553.236 (3) PetaboxLoader3.datanode: 390.643 (4) PetaboxLoader3.resolve: 241.557 (2) load_resource: 207.645 */