/*common*/ body{ font-family: "微软雅黑"; } .zi2{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .zi3{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .imgchange:hover{ transition: 0.5s; -webkit-transform:scale(1.1); -o-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1); } /*common*/ /*gotop*/ .gotop { display: none; position: fixed; right: 5px; bottom: 10px; width: 45px; height: 45px; text-align: center; background-color: #888; color: #fff; z-index: 100; } .gotop > i { padding-top: 16px; transition: all .5s; color: #fff; display: inline-block; } .gotop:hover { color: #fff; background-color: #252E35; } .gotop:hover i { padding-top: 10px; } /*gotop*/ /*分页 s*/ .page > li > a, .page > li > span{ padding: 0.3em .8em; color:#b48d44; } .page > .am-active > a, .page > .am-active > span, .page > .am-active > a:hover, .page > .am-active > span:hover, .page > .am-active > a:focus, .page > .am-active > span:focus{ background-color: #b48d44; border-color: #b48d44; } /*分页 e*/ /*面包屑*/ .crumbbox{ width: 100%; height: 40px; /*background: #f4f4f4;*/ } .crumb{ line-height: 40px; height: 40px; color: #545454; margin: 0 auto; width: 1200px; } .crumb strong{ font-weight: 500; } .crumb strong i{ color: #c42722; font-size: 14px; margin: 0 3px; } .crumb a{ color: #545454; } .crumb span{ color: #0569be; } .crumb>i{ font-size: 18px; color: #0d6fb8; margin-right: 5px; } /*面包屑*/ /*header*/ .topbox{ background:#2f2f37; height: 30px; line-height: 30px; } .topbox p,.topbox a{ color: #fff; font-size: 12px; transition-duration: .5s; } .topbox a:hover{ color:#cb0e44; } .topbox span{ margin-right: 1rem; } .navbox{ padding-bottom: 1.6rem; position: relative; width: 100%; background: #fff; } .navbox .am-g{ margin: 0; } .navbox:after{ content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background-image: url(/images/navxian.jpg); } .nav{ padding: 0 40px; } .nav a{ color: #323e54; transition-duration: .5s; font-size: 16px; } .nav>ul>li>a{ padding: 0.4em 1.5em; font-size:1.8rem; } .nav .am-nav> li.am-active > a, .nav .am-nav> li > a:hover, .nav .am-nav> li.am-active > a:focus{ background-color: #fff; color: #323e54; } .nav .am-nav> li.on > a, .nav .am-nav> li > a:hover, .nav .am-nav> li.on > a:focus{ background-color: #573126; color: #fff; } .m-logo{ float: none; } .m-logo img{ height: 34px; margin-top: 5px; } .m-nav{ background:#573126; border: none; } .m-nav2{ float: left; margin-left: 10px; } .search{ padding-top: 3rem; } .search button{ background: #bc1c17; color: #fff; height: 39px; transition-duration: .5s; /*width: 70px;*/ } .search button:hover{ background-color: #573126; color: #fff; } .search .am-form-group{ width: 78%; } .search .am-form input[type="text"]{ border-color: #bc1c17; } .top-phone{ padding-top: 2.8rem; padding-left: 6rem; position: relative; } .top-phone i{ position: absolute; top: 3rem; left: 2.1rem; font-size: 2.6rem; width: 40px; height: 40px; padding-top: 8px; text-align: center; background: #c81444; border-radius: 50%; color: #fff; } .top-phone p{ margin: 0; line-height: 22px; } .xlxl{ background: #f3f3f3; } .xialabox{ } .xialabox li{ background: transparent; text-align: left; font-size: 1.5rem; } .xialabox li a{ padding: 1rem 1rem; color: #000; } .xialabox .am-panel > .am-list > li > a { padding-left: 2rem; padding-right: 2rem; font-size: 1.4rem; } .am-with-fixed-navbar{ padding-bottom: 0; } /*.xialabox2 .am-nav > li.am-active > a,.xialabox2 .am-nav > li.am-active > a:hover,.xialabox2 .am-nav > li.am-active > a:focus,.xialabox2 .am-nav > li > a:hover,.xialabox2 .am-nav > li > a:focus{ background: #bc1c17; } .xialabox2 .am-dropdown-content{ width: 100%; text-align: left; }*/ /*header*/ /*footer*/ .bottombox{ height: 40px; line-height: 40px; background: #272d3c; } .bottombox,.bottombox a{ color: #ffffff; font-size: 12px; } .bottombox a:hover { text-shadow: 0 0 10px rgba(255,255,255, 1), 0 0 50px rgba(255, 255, 255, .8), 0 0 75px rgba(255, 255, 255, .6), 0 0 76px rgba(255, 255, 255, .4), 0 0 77px rgba(255, 255, 255, .5), 0 0 78px rgba(255, 255, 255, .4), 0 0 79px rgba(255, 255, 255, .3), 0 0 80px rgba(255, 255, 255, .2), 0 0 85px rgba(255, 255, 255, .1); } .pc-footerbox{ background: #2b3243; } .pc-footer{ padding-top: 40px; padding-bottom: 40px; color: #ffffff; } .pc-footer-f { border-right: 1px solid #465270; padding-bottom: 20px; } .pc-footer-f img{ margin-bottom: 40px; } .pc-footer-fp1{ font-size: 14px; color: #edf0f8; } .pc-footer-fp2{ font-size: 24px; color: #edf0f8; font-weight: 700; line-height: 1.3; } .pc-footer-r1 h3{ font-size: 1.6rem; font-weight: 700; margin-bottom: 10px; } .pc-footer-r1-ul{ margin: 0; } .pc-footer-r1-ul li{ line-height: 20px; height: 20px; } .pc-footer-r1-ul li a{ display: inline-block; color: #fff; font-size: 12px; transition-duration: .5s; } .pc-footer-r1-ul li a:hover{ margin-left: 15px; text-decoration: underline; } .pc-footer-r2{ color: #edf0f8; } .pc-footer-r2 h3{ font-weight: 700; margin-bottom: 17px; } .pc-footer-r2 p{ font-size: 14px; margin: 0 0 3px 0; } .pc-footer-r2 img{ width: 100px; height: 100px; margin-top: 10px; margin-left: 40px; } .footerul{ width: 100%; background: #573126; } .footerul>li>a{ display: block; height: 55px; color: #fff; padding-top: 10px; font-size: 1.4rem; } .footerul>li>a>i{ display: block; font-size: 1.8rem; } /*footer*/ /*banner*/ .pc-banner .am-slider .am-direction-nav a{ width: 50px; height: 50px; } .pc-banner .am-slider .am-direction-nav a:before{ line-height: 50px!important; height: 50px; font-size: 40px!important; } .pc-banner .am-slider .am-control-nav{ bottom: 20px; } .pc-banner .am-slider .am-control-nav li a{ width: 14px; height: 14px; } .pc-banner .am-slider .am-control-nav li a.am-active{ background-color: #dd514c; } .mb-banner .am-slider .am-control-nav{ bottom: 10px; } .mb-banner .am-slider .am-control-nav li a{ width: 12px; height: 12px; } .mb-banner .am-slider .am-control-nav li a.am-active{ background-color: #dd514c; } /*banner*/ /*adv*/ .adv1{ background: #573126; min-height: 130px; padding-top: 18px; padding-bottom: 18px; } .adv1f{ border-right: 1px solid #885c4f; } .adv1f img{ margin-right: 2rem; float: right; } .adv1r{ padding-top: 1.2rem; padding-left: 4rem; } .adv1r p{ margin: 0px; color: #ead9d6; font-size: 1.6rem; line-height: 1.8; /*display: inline-block;*/ } .adv1r p:first-child{ border-bottom: 1px solid #885c4f; } .adv2{ height: 400px; background: url(/images/adv2.jpg) center no-repeat; padding-top: 70px; text-align: center; color: #fff; } .adv2 h3{ font-size: 36px; font-weight: 500; margin-bottom: 5px; } .adv2 small{ font-size: 14px; margin-bottom: 30px; display: block; } .adv2 p{ margin: 0 0 5px 0; font-size: 17px; line-height: 1.5; } /*adv*/ /*icase*/ .icasebox{ background: #f1f1f1; padding: 3rem 0; } .icase{ background: #fff; padding: 32px 50px; max-width: 1360px; } .icase ul li{ padding: 0 10px; margin-bottom: 20px; } .icase ul li a{ display: block; overflow: hidden; max-height: 300px; } .icaset h3{ font-family: "arial"; font-size: 28px; text-transform: uppercase; margin-bottom: 0px; font-weight: 500; line-height: 1.4; } .icaset p{ font-size: 24px; margin: 0 0 30px 0; } .icasemore a{ border-radius: 3rem; border:1px solid #ce0018; color: #ce0018; padding: 0.5em 1.4em; transition-duration: .5s; } .icasemore a:hover{ background: #ce0018; color: #fff; -webkit-animation-name: am-shake; animation-name: am-shake; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: linear; animation-timing-function: linear; } /*icase*/ /*iabout*/ .iabout{ padding-top: 30px; padding-bottom: 45px; } .icompany{ background: rgba(213,213,213,0.8); min-height: 460px; position: absolute; right:0px; top:40px; padding: 40px 32px 60px 70px; } .icompany h2{ font-size: 26px; color: #573126; font-weight: 700; } .icompany p{ font-size: 16px; color: #3a3939; text-indent: 2em; } /*.icompany p:last-of-type{ margin-bottom: 0; }*/ .iaboutmore{ color: #9d1001; } /*iabout*/ /*ipro*/ .iprobox{ background: #f1f1f1; padding: 3rem 0; } .ipro{ padding-bottom: 26px; } .iproul li{ height: 100%; position: relative; margin-bottom: 20px; } .iproul li a{ overflow: hidden; display: block; } /*ipro*/ /*irange*/ .irangebox{ height: 560px; background: url(/images/rangebg.jpg) fixed; padding-top: 40px; } .irange{ } .iranget{ color: #fff; } .irangeul{ } .irangeul li{ transition-duration: .5s; margin-bottom: 15px; } .irangeul li:hover{ margin-top: -10px; } .irangeul li a{ display: block; width: 80%; background: #5e2f2a; padding: 22px 30px 30px 30px; color: #cbb3a5; transition-duration: .5s; margin: 0 10%; } .irangeul li:hover a{ -moz-box-shadow:0px 4px 7px #CFCFCF; -webkit-box-shadow:0px 4px 7px #CFCFCF; box-shadow:0px 4px 7px #CFCFCF; } /*.irangeul li:nth-child(2) a,.irangeul li:nth-child(3) a{ margin: 0 10%; } .irangeul li:nth-child(4) a{ margin-left: 20%; }*/ .irangeul li a span{ font-size: 60px; display: block; border-bottom: 1px solid #d7c0b5; line-height: 1.4; } .irangeul li a p{ margin: 10px 0 0 0; text-transform: uppercase; } .irangeul li a h3{ color: #ffffff; } .irangeul li a img{ margin-top: 30px; } /*irange*/ /*contact*/ .breadcrumb ol{ margin-bottom: 1rem; padding: .7em .5em; } .contact{ padding-top:10px; padding-bottom:50px; } .baidumap{ width:100%; height:340px; border: 1px solid #573126; margin-bottom:20px; } .iw_poi_title { font-size: 16px; color: #573126; } .iw_poi_content { font: 12px arial,sans-serif; overflow: visible; padding-top: 4px; white-space: -moz-pre-wrap; word-wrap: break-word; } .contact-txt { padding-left:30px; margin-bottom:20px; } .contact-txt h3{ font-size: 2.2rem; color:#573126; font-weight: 600; } .contact-txt p{ font-size: 1.6rem; } .contact-txt p i{ width: 28px; height: 28px; line-height: 28px; margin-right: 10px; text-align: center; border-radius: 50%; border: #573126 dashed 1px; padding-top:5px; } /*contact*/ /*title*/ .title{ border-left:3px solid #004cde; padding-left:10px; padding-top:3px; margin-bottom:20px; } .title h3{ color:#616161; font-size:2.6rem; margin-bottom:2px; font-weight:600; } .title p{ color:#cccccc; font-size:0.13rem; text-transform:uppercase; margin:0; } /*title*/ /*about*/ .about{ position:relative; padding-top:40px; } .about-box{ padding:2rem 1.5rem 2rem 0rem; } .about-txt{ background:#fff; padding:1.5rem 2rem; } .about-txt p{ color:#7a7a7a; font-size:1.4rem; font-family:"宋体"; text-indent:2em; } .about-bg{ width:65%; height:460px; background:#cae3f7; position:absolute; top:80px; right:0; z-index:-1; } /*about*/ /*culture*/ .culture{ margin-bottom:50px; } .culture ul{ } .culture ul li{ position:relative; height:100%; color:#fff; } .culture ul li h3{ position:absolute; top:20%; left:0%; font-size:2.4rem; margin:0; padding:0 12%; letter-spacing:5px; } .culture ul li p{ position:absolute; top:36%; left:0%; font-size:1.4rem; margin:0; padding:0 12%; } .culture ul li:nth-child(3) h3,.culture ul li:nth-child(3) p{ color:#505050; } .culture ul li:nth-child(5) p{ top:60%; } /*culture*/ /*photo*/ .photo{ padding:0; margin-top:50px; } .photo ul{ } .photo ul li{ margin-bottom:20px; } .photo ul li h3{ text-align:center; } /*photo*/ /*danye*/ .danye{ padding-bottom:50px; min-height:300px; word-break: break-all; text-align: justify; } .danye img{ max-width:100%; } /*danye*/ /*人才招聘*/ .job{ padding-bottom: 80px; min-height: 300px; } .jobul{ font-size:2rem; line-height:50px; background:#b48d44; color:#fff; } .jobul2{ font-size:1.8rem; line-height:36px; } .job .am-panel-bd{ word-break: break-all; text-align: justify; } .job .am-panel-bd p{ margin:0; } /*人才招聘*/ /*product*/ .product{ margin-bottom:60px; } .productul{ margin-top:30px; } .productul li{ margin-bottom:20px; } .productul li h3{ padding-bottom:10px; border-bottom:1px solid #cdcdcd; padding-right:28px; position:relative; } .productul li h3:after{ content: "\f105"; position:absolute; right:10px; top:0px; display: inline-block; font: normal normal normal 1.6rem/1 FontAwesome,sans-serif; font-size:2rem; } .ipro-wrap{ width:100%; /*height: 60px;*/ padding:0 100px; position:relative; } .ipro-btnL, .ipro-btnR{ width: 36px; height: 36px; text-align: center; color: #7e7e7e; display:inline-block; position:absolute; top:24px; } .ipro-btnL i, .ipro-btnR i{ line-height: 36px; font-size: 3rem; } .ipro-btnL:hover, .ipro-btnR:hover{ color: #b48d44; } .ipro-btnL{ left:30px; } .ipro-btnR{ right:30px; } .ipro-list{ /*height: 290px;*/ width: 100%; overflow: hidden; } .ipro-list ul{ overflow:hidden; margin-bottom:10px; height:80px; } .ipro-list li{ float: left; width: 200px; /*height: 84px;*/ /*padding: 0 15px 0 0;*/ /*background: url(/images/partner_bg.jpg) no-repeat;*/ } .ipro-list li .partner_box{ width:100%; height:80px; /*padding-top:10px;*/ margin:0 auto; position:relative; background: #fff; box-sizing: border-box; border: 1px solid #e1e1e1; background:#f7f7fa; color: #616163; text-align: center; font-size: 1.4rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; transition-duration: 0.5s; padding:0 5px; display: -moz-box; -moz-box-orient: vertical; -moz-box-pack: center; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center; display: box; box-orient: vertical; box-pack: center; } .ipro-list li .partner_box p{ margin:0; } .ipro-list li.on .partner_box,.ipro-list li .partner_box:hover{ background: #b48d44; color: #fff; } /*product*/ /*message*/ .message{ padding:0 10%; margin-top:30px; margin-bottom:80px; } .message .am-form-label{ font-weight:500; padding-top:0.1em; font-size:2rem; letter-spacing:2px; } .messagetabox{ margin-top:20px; } .message .messageta{ padding:0 1.5rem; } /*.message .messageta textarea{ padding:0px; }*/ .message .messubmit{ margin-top:1rem; } .message .messubmit button{ margin:0 1rem; background:#573126; color:#fff; } .message .messubmit button:hover{ -webkit-animation-name: am-shake; animation-name: am-shake; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: linear; animation-timing-function: linear; } /*message*/ /*mobile*/ @media screen and (max-width: 640px) { .header,.footer{ position: fixed; left: 0; z-index: 99; width: 100%; } .header{ height: 50px; top: 0; } .footer{ bottom: 0; height: 55px; } .mb-main{ padding-top: 50px; padding-bottom: 55px; } .navbox{ padding-bottom: 0; } .navbox:after{ display: none; } .adv1f img{ float: none; margin: 0 auto; display: block; } .adv1r{ text-align: center; } .icase{ padding: 32px 20px; } .adv2{ padding: 30px 0; } .icaset h3{ font-size: 24px; } .icaset p{ font-size: 20px; } .adv2 h3{ font-size: 28px; } .iaboutimg img{ width: 100%; } .icompany { padding: 20px 30px 20px 30px; min-height: 360px; } .icompany p{ margin-bottom: 0; } .icompany h2{ font-size: 22px; } .irangebox{ height: 880px; } .irangeul li a{ width: 90%; margin:0 5%; padding: 22px 20px 30px 20px; } .irangeul li a p{ font-size: 1.2rem; } .irangeul li a h3{ font-size: 1.4rem; } .gotop,.gotop:hover{ bottom: 60px; background: #573126; opacity: .6; } .adv1f{ border: none; } .irangeul{ padding:0; } .about-bg{ display:none; } .title{ border:none; text-align:center; } .jobul{ font-size:1.6rem; line-height:40px; } .jobul2{ font-size:1.4rem; line-height:32px; } .job .am-panel-bd,.job .am-panel-bd p,.job .am-panel-bd span{ font-size:1.4rem; } .ipro-list{ width:200px; } .ipro-wrap{ padding:0 23%; } .messagetabox{ margin-top:0rem; } .message .messageta{ padding: 0 1rem; } } /*mobile*/ /*smallpc*/ @media screen and (min-width: 640px) and (max-width: 1025px) { .search .am-form-group { width: 76%; } .icompany { padding: 20px 30px 20px 30px; } .pc-footer-f img{ margin: 0 auto 30px auto; } .pc-footer-f{ text-align: center; padding: 0 5rem 20px 5rem; } .about-txt p{ font-size:1.2rem; } .about-bg{ height:380px; } .nav>ul>li>a{ padding: 0.4em 1.3em; font-size: 1.6rem; } } /*smallpc*/ /* FILE ARCHIVED ON 10:39:23 Jun 26, 2019 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 17:54:19 Dec 25, 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.749 exclusion.robots: 0.054 exclusion.robots.policy: 0.039 esindex: 0.012 cdx.remote: 18.214 LoadShardBlock: 114.369 (3) PetaboxLoader3.datanode: 171.489 (5) load_resource: 429.41 (2) PetaboxLoader3.resolve: 294.35 (2) */