@charset "utf-8"; *{margin:0; padding:0; border:0;} body{font-family: "寰蒋闆呴粦", "Microsoft YaHei"; font-size:12px; color:#000; min-width:1300px;} a{color:inherit; outline:none; transition:0.3s ease 0s; text-decoration:none;} ul,li,dl,dt,dd{list-style-type:none;} .img,.page-pos>img{width:100%; } .img1,.page-pos img{max-width:100%; } .language span:hover,.language>span:hover:after,.index-content .NewsList_d1 a:hover{color:#0d6dc2;border-color: #0d6dc2 transparent transparent;} .footer-b a:hover,.NavList_a1 a:hover,.PhotoList_i1 li:hover span,.News_title h2 a:hover,.MenuList_b1 .menu li a.drop span:hover{color:#0d6dc2;} .pc-menu:before,.content2-l:before,.content4>div:after,.ProductList_b1 li:before,.pc-menu a.drop:after,.PhotoList_i1 li a:before{ width:0; margin-left:-5px; display: inline-block; content: ''; height: 100%; vertical-align: middle; } .dis-m{display:inline-block; vertical-align:middle;} .menu-pos,.page-pos,.map-pos{ width: 1200px; margin: 0 auto; } #kinMaxShow .kinMaxShow_button { right: 0 !important; margin-left: -100px; } .point-area { cursor:pointer; z-index:222; text-align: center; position: relative; width: 150px; height: 150px; -webkit-transition: opacity .5s ease-out; transition: opacity .5s ease-out; } .point-area .point-dot { z-index: 1; background-color: #dc2c2c !important; border: 1px solid #dc2c2c; } .point-area .point { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 10px; height: 10px; margin: auto; -webkit-border-radius: 50%; -webkit-background-clip: padding-box; -moz-border-radius: 50%; -moz-background-clip: padding; border-radius: 50%; background-clip: padding-box; background: transparent; } .point-area .point-10:after { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; border: 1px solid #dc2c2c; opacity: 0; -webkit-animation: ripple 4.5s ease-out 225ms infinite; animation: ripple 4.5s ease-out 225ms infinite; } .point-area .point-40 ,.point-area .point-80,.point-area .point-10{ width: 100%; height: 100%; margin-left: -1px; margin-top: -1px; } .point-area .point-40:after { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; border: 1px solid #dc2c2c; opacity: 0; -webkit-animation: ripple 4.5s ease-out .9s infinite; animation: ripple 4.5s ease-out .9s infinite; } .point-area .point-80:after { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; border: 1px solid #dc2c2c; opacity: 0; -webkit-animation: ripple 4.5s ease-out 1.8s infinite; animation: ripple 4.5s ease-out 1.8s infinite; } .point-area .point-shadow:after { box-shadow: inset 0 0 5em rgba(0,205,236,.16); } @keyframes ripple{0%{ width:0; height:0; opacity:1; left:50%; top:50%;} 100%{ width:100%; height:100%; opacity:0; left:0; top:0;}} /*header*/ .header{ height:6.25vw; height:calc(6.25vw); } .content-pos { overflow: hidden; } .header,.content-pos,.footer-t,.footer-b{ margin: 0 auto; width: 87.5%; } .pc-menu { display: inline-block; height: 100%; text-align: right; width: 91%; vertical-align: middle; } .language { position:relative; border-left: 1px solid #ddd; color: #999; vertical-align: middle; width: 200px; display: inline-block; font-size: 14px; } .language span { transition:0.3s linear 0s; cursor: pointer; } .language>ul { display: none; color: #333; line-height: 45px; top: 3.6vw; top: calc(3.6vw); /* right: 0; */ text-align: center; background: #fff; z-index: 2; position: absolute; width: 100%; text-transform: uppercase; } .language>ul a { text-indent: 30px; text-align: left; display: block; } .language>ul a:hover{background:#f5f5f5; color:#0d6dc2;} .language>span:after { transition:0.3s linear 0s; margin-left: 10px; border-style: solid; vertical-align: middle; display: inline-block; content: ''; border-color: #999 transparent transparent; width: 0; border-width: 5px 5px 0; } .logo { vertical-align: middle; display: inline-block; max-width: 130px; width: 8%; } /*涓诲鑸彍鍗?/ a.drop.menu-on { position:relative; background: #f5f5f5; color: #0d6dc2 !important; } a.drop.menu-on:before{position:absolute; top:0; width:100%; height:6px; background:#0d6dc2; content:''; margin:0 auto; left:0;} .MenuList_b1,/*.MenuList_b1 .menu,.MenuList_b1 .menu li,.MenuList_b1 .menu li h3,*/.MenuList_b1 .menu li a.drop,.MenuList_b1 .menu li a.drop span{height:100%;} .MenuList_b1 { height:100%; vertical-align: middle; display: inline-block; width: 75%; margin: 0 auto; } li.stmenu>h3 { height: 100%; } .MenuList_b1 .menu li a.drop:hover{} .MenuList_b1 .container{position:relative;overflow:visible; z-index:99;} .MenuList_b1 .menu{ height:100%;display: flex; gap: 0 0.3vw;} .MenuList_b1 .menu li { vertical-align:top; height:100%; margin-left:-4px; line-height:6.25vw; line-height:calc(6.25vw); text-align:center; max-width: 140px; min-width: 10%; position: relative; display: inline-block; } .MenuList_b1 .menu li a.drop { height:100%; /*line-height:120px;*/ display:block; width:100%; color:#333; font-weight: normal; text-decoration: none; font-size: 16px; } .pc-menu .MenuList_b1 .menu li a.drop{ } .content2-r p { z-index: 999; top: 3%; left: 3%; line-height: 35px; position: absolute; width: 100%; text-align: left; } .content2-r { position: relative; } .MenuList_b1 .menu li a.selected,.MenuList_b1 .menu li a.navhover,.MenuList_b1 .menu li a.drop:hover{color:#0d6dc2;} .MenuList_b1 .menu li a.navhover{} .MenuList_b1 .menu li a.drop span{} .MenuList_b1 .menu li a.selected span,.MenuList_b1 .menu li a.navhover span,.MenuList_b1 .menu li a.drop:hover span{cursor:pointer;} .MenuList_b1 .menu li a.navhover span, .MenuList_b1 .menu li a.drop:hover span{} .pc-menu .MenuList_b1 .menu ul.child { top: 6.25vw; top: calc(6.25vw); } .MenuList_b1 .menu ul.child { display: none; z-index: 2; position: absolute; left: 0; width: 100%; background: #FFF; border-top: 0; line-height: normal; } .MenuList_b1 .menu ul.child li { margin-left: 0; width: 100%; padding: 0px; display: block; } .MenuList_b1 .menu ul.child li h3{display:block; width:100%;} .MenuList_b1 .menu ul.child li a { line-height: 35px; width: 100%; font-weight: normal; overflow: hidden; display: block; color: #333; text-align: center; text-decoration: none; font-size: 14px; } .MenuList_b1 .menu ul.child li a:hover{background-color:#eee;text-decoration:none;color:#0d6dc2;} /*banner*/ .BannerShow_c1{ width:100%; height:43.75vw;height:calc(43.75vw); float:left; overflow:hidden;} .kinMaxShow_image_box, #kinMaxShow .kinMaxShow_image_box .kinMaxShow_image_item { height: 43.75vw !important; height: calc(43.75vw) !important; } #kinMaxShow .kinMaxShow_image_box .kinMaxShow_image_item{background-size:100% 100% !important;} /*index-content*/ .index-content { clear: both; } .content1-box { padding: 85px 0; background: #f4f4f4; } .index-content .page, .index-content .load_more { display: none; } /*index-news*/ .index-content .NewsList_d1 li { transition:0.3s linear 0s; padding: 35px 0 30px; margin:0 1vw 0 0; margin:calc(0 1vw 0 0); background: #fff; float: left; width: 32.5%; } .index-content .NewsList_d1 a { display: block; width: 100%; font-size: 18px; color: #333; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .index-content .NewsList_d1 h3 { line-height: 30px; font-weight: normal; font-size: 16px; color: #999; } .index-content .NewsList_d1 em { position:relative; font-size: 14px; display: block; color: #999; font-style: normal; } .index-content .NewsList_d1 h3, .index-content .NewsList_d1 h2, .index-content .NewsList_d1 em { margin: 0 auto; width: 76.9%; } .index-content .NewsList_d1 em:after { position:absolute; right:0; top:0; transition:0.3s linear 0s; content:''; background:url(/images/jiantou.png) no-repeat top center; width:22px; height:13px; } .index-content .NewsList_d1 li:hover em:after{background:url(/images/jiantou-hover.png) no-repeat top center;} .index-content .NewsList_d1 h3 { max-height:90px; overflow:hidden; margin: 35px auto; } .tempWrap, .index-content .NewsList_d1 ul { overflow: visible !important; } .index-content .NewsList_d1 ul { display: inline-block; } .index-content .NewsList_d1 { } .index-content .NewsList_d1 li:hover { transform: translateY(-10px); box-shadow: 0 10px 30px rgba(0,0,0,0.1); } .index-content .NewsList_d1 a:hover{font-weight:bold;} .index-content .NewsList_d1 h2{height:25px;} .index-content .hd a { cursor:pointer; right: 0; position: absolute; border: 1px solid #ddd; width: 58px; display: inline-block; height: 58px; line-height: 58px; text-align: center; } .index-content .leftLoop { padding-bottom: 10px; padding-top: 40px; position: relative; } .index-content .hd .prev { right: 59px; } .index-content .hd { right: 0; top: -60px; position: absolute; } .index-content .hd a:hover { border-color: transparent; background: #0d6dc2; color: #fff; } /*.index-content .NewsList_d1 li:nth-child(3n+1){ margin-left:0;}*/ /*index-title*/ .index-title span:last-child { font-size: 1.6vw; font-size: calc(1.6vw); color: #333; } .index-title span:first-child { display: inline-block; padding-bottom: 1.6vw; padding-bottom: clac(1.6vw); font-size: 2.5vw; font-size: calc(2.5vw); text-transform: uppercase; color: #333; font-weight: bold; margin-right: 25px; vertical-align: sub; } .index-title { position: relative; } span.line { bottom: 0; position: absolute; width: 40px; display: inline-block; height: 4px; background: #585858; left: 0; } /*hd*/ .hd a { font-weight: bold; font-size: 16px; font-family: "瀹嬩綋","SimSun"; } /*content2*/ .content2 span.line { position: relative; display: block; } .content2 .index-title span:last-child { margin-top: 3.125vw; margin-top:clac(3.125vw); display: block; } .content2-l, .content2-r { width: 50%; float: left; overflow:hidden; } .content-img>div:first-child{margin-left:0;} .content-img>div { margin-left: 2%; float: left; width: 32%; overflow: hidden; } .content-img>div img{transition:0.3s ease 0s;} .index-text { margin: 2.1vw 0 3.5vw; margin: calc(2.1vw 0 3.5vw); font-size: 0.8vw; font-size: calc(0.8vw); line-height: 1.5vw; line-height: calc(1.5vw); color: #999; word-break:break-all; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden; max-height:90px; } .a,.ClassList_b1 a { font-size:14px; color: #fff; background: #0d6dc2; text-align: center; line-height: 50px; width: 160px; box-shadow: 0 5px 10px rgba(10,74,132,0.5); display: block; } .content2-l>div { text-align: left; width: 73%; display:inline-block; vertical-align: middle; } .content2 { text-align: center; overflow: hidden; height: 29.2vw; height: calc(29.2vw); max-height: 560px; } .content2-l,.content2-r,.content2-r img { transition:0.5s linear 0s; height: 100%; } a.a:hover { transform: translateY(5px); box-shadow: none; } .content2-r:hover img,.content-img>div:hover img { transform: scale(1.1); } /*content3*/ .content3 { max-height: 1120px; height: 58.4vw; height: calc(58.4vw); } .content3-r { float: left; width: 50%; } .content3-r .content2-l { background:#fff; max-height: 570px; height: 30vw; height: calc(30vw); float: none; width: 100%; } .content-img { width: 95%; display: inline-block; background: #f4f4f4; padding: 2.5%; } .content4>div { background:url(/images/index-img4.png) no-repeat 50%; background-size:100% auto; background-attachment:fixed; position: relative; height: 29.2vw; height: calc(29.2vw); max-height: 560px; } .content4>div:after{ height: 29.2vw; max-height:560px; } .content4>div:before{position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.5); content:'';left:0; top:0;} .content4 { background: #f4f4f4; text-align: center; padding-top: 20px; } .content4 span.line { margin-left: -20px; left: 50%; background: #fff; } .content4 .index-title span:first-child,.content4 .index-title span:last-child,.content4 .index-text{color:#fff; position:relative;} .content4 .index-title span:last-child { display: block; } .content4 .index-title span:first-child { margin-right: 0; padding-bottom: 0; } .content4 .a { position:relative; border: 1px solid #fff; margin: 0 auto; color: #fff; background: transparent; box-shadow: none; } .content4 .a:hover { transform:none; border-radius: 25px; } .content4 .index-title { padding-bottom: 30px; } /*footer*/ .footer-tl { vertical-align: top; display: inline-block; max-width: 420px; width: 25%; } .footer-rlb img { margin-right: 5px; vertical-align: middle; display: inline-block; } .footer-rlb p { font-size: 16px; color: #666; } .footer-rlb p:first-child { margin-bottom:10px; font-size: 14px; color: #333; } .footer-tr .MenuList_b1 .menu li { text-align: left; vertical-align: top; /* margin-right: 9%; */ line-height: normal; width: auto; max-width:none; } .footer-tr .MenuList_b1 .menu li:last-child{margin-right:0;} .footer-tr ul.child { margin-top: 35px; position:relative !important; display: block !important; } .footer { clear: both; } .footer-tr { text-align: right; width: 74%; vertical-align: top; display: inline-block; } .footer-tr .MenuList_b1 { display: block; width: auto; margin: 0 0 0 auto; } .footer-tr .MenuList_b1 .menu>li:first-child,a.label.label-important,.NewsList_c1 i,p.auth-span span:last-child{display:none;} .footer-tr .MenuList_b1 .menu ul.child li a { display: inline-block; width: auto; line-height: normal; color: #999; text-align: left; } .border-b{border-bottom:1px solid #eee; padding: 2.5% 0 4%;} .footer-t { } .footer-tr .MenuList_b1 .menu ul.child li a:hover{background:none; color:#0d6dc2;} .footer-tr .MenuList_b1 .menu ul.child li{line-height:30px;} .footer-rlb { margin-top: 35px; } .footer-b{padding:30px 0; position:relative; line-height:20px; text-align:right;} .footer-bl li { padding-right: 10px; padding-left: 10px; display: inline-block; vertical-align: middle; border-left: 1px solid #666; } .footer-bl{float:left;} .footer-bl li:first-child{padding-left:0; border-left:0;} .footer-bl a { color: #666; font-size: 14px; } .footer-br { font-size: 14px; color: #999; } .footer-bl { float: left; text-align: left; max-width: 350px; overflow: hidden; } /*page menu*/ .menu-pos { text-align: right; height: 60px; position: relative; } .page-menu-l { top: 0; left: 0; position: absolute; height: 100%; } .page-menu-l>span { line-height: 60px; text-align: center; background: #f8f8f8; height: 60px; width: 60px; display: inline-block; vertical-align: middle; } #pos { margin-left:20px; line-height:14px; font-size: 14px; display: inline-block; vertical-align: middle; } #pos>i+a, #pos>i+a+i ,#pos>span{ display: none; } #pos a { color: #999; } #pos b { color: #e50011; font-weight: normal; } .page-menu-l>span img { display: inline-block; } #pos i { margin: 0 10px; overflow: hidden; height: 0; vertical-align: middle; display: inline-block; border-style: solid; border-color: transparent transparent transparent #999; border-width: 4px 0 4px 5px; width: 0; } .NavList_a1 { overflow:hidden; font-size:14px; line-height: 60px; height: 100%; } .NavList_a1 li { line-height: normal; border-left: 1px solid #ddd; color: #999; padding-left: 30px; text-align: center; display: inline-block; padding-right: 30px; } .NavList_a1 li:first-child { border: none; padding-left: 0; } .NavList_a1 li:last-child { padding-right: 0; } .NavList_a1 .on { padding-bottom: 18px; border-bottom: 2px solid #0d6dc2; color: #0d6dc2; } .page-content { padding: 80px 0 120px; background: #f8f8f8; height: 100%; width: 100%; } .page-text{ font-size: 16px; color: #333; line-height: 36px; } .page-text.check { float: none; margin: 0; line-height: 32px; width: auto; } .check { margin-left: 5%; float: right; width: 60%; line-height: 32px; margin-bottom: 1%; } .page-text1 p { margin-right: 70px; vertical-align: middle; display: inline-block; width: 625px; } .page-text img { display: inline-block; vertical-align: middle; } .page-text2 { margin: 35px 0 60px; } .play-box{ cursor:pointer; z-index:2; top: 50%; margin-left: -47.5px; position: absolute; left: 50%; margin-top: -47.5px; } .page-video,.paly { position: relative; } .play img:last-child { margin-top: -13px; top: 50%; margin-left: -8px; left: 50%; position: absolute; } .play-box:hover img:first-child { animation:play 2s linear 0s infinite; } .page-video video { width: 100%; } /*turn page*/ .page{ text-align:center; margin-top: 80px; clear:both;} .page a, .page span { font-size: 14px; display: inline-block; padding: 0 11px; height: 38px; line-height: 38px; min-width: 16px; background: #fff; border: #e3e3e3 solid 1px; text-align: center; color: #666; margin:0 3px; } .page a:hover .page span{ /*border:#e8e8e8 solid 1px; color:#aaa;*/} .page span.cur,.page a:hover{ background:#0d6dc2; color:#fff;border:#0d6dc2 solid 1px;} .pageinfo{ display:none; float:right; line-height:28px;} .conT{ font-size:24px; color:#009c73;} /*product*/ .ProductList_b1 li a { padding: 1vw 0; width: 85%; } .ProductList_b1 li:first-child { margin-left: 0; } .ProductList_b1 li:hover h3, .ProductList_b1 li:hover p { color: #fff; } .ProductList_b1 li { transition:0.3s linear 0s; margin-bottom:60px; height: 22vw; height: calc(22vw); text-align: center; display: inline-block; margin-left: 1.1%; width: 23.86%; background: #fff; vertical-align: top; } .products-pos { width: 91.666%; margin: 0 auto; } .picimg img { max-height: 10vw; max-height: clac(10vw); display: inline-block; margin: 0 auto; vertical-align: middle; max-width: 80%; } .ProductList_b1 li span,.page-content a.more { display: none; } .ProductList_b1 p { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; transition:0.3s linear 0s; font-size: 14px; color: #999; margin-top: 3%; } .ProductList_b1 h3 { text-transform: uppercase; transition:0.3s linear 0s; font-size: 20px; font-weight: normal; color: #333; } .ProductList_b1 li a,.ClassList_b1 li{ vertical-align: middle; display: inline-block; } .picimg { background: #fff; line-height: 13vw; line-height: calc(13vw); height: 13vw; height: calc(13vw); margin-bottom: 15%; } .ProductList_b1 li:nth-child(4n+1),.PhotoList_i1 li:nth-child(4n+1),.case .PhotoList_i1 li:nth-child(3n+1) { margin-left: 0; } .ProductList_b1 li:hover { background: #0d6dc2; } .ProductList_b1 li:hover,.PhotoList_i1 li a:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); } .ClassList_b1 { margin-bottom: 80px; text-align: center; } .ClassList_b1 a { font-size: 16px; box-shadow: none; background: #999; width: 180px; } .ClassList_b1 .on a{ background: #0d6dc2; /* box-shadow: 0 5px 10px rgba(10,74,132,0.5);*/ } .ClassList_b1 a:hover,.button span:hover,.button .on{ background:#0d6dc2;} .ClassList_b1 li:first-child { margin-left: 0; } .ClassList_b1 li { margin-left: 40px; } /*photo*/ .PhotoList_i1 {} #PhotoList_i1 ul { width:100%; display: inline-block; } .PhotoList_i1 li{ margin-left: 1.5%; width: 23.86%; margin-bottom:35px; float:left; } .PhotoList_i1 li span { transition:0.3s linear 0s; padding:15px 0; color: #333; font-size: 16px; line-height: 60px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; } .PhotoList_i1 li a{ padding:15px 0;position:relative;display:block; vertical-align:middle;overflow:hidden;text-align: center;overflow: hidden; background:#fff;} .PhotoList_i1 li a img{max-width: 99% !important; max-height:100% !important;transform: scale(1);transition: all 1s ease 0s;-webkit-transform: scale(1);-webkit-transition: all 1s ease 0s; /*height:100%;*/vertical-align: middle; display: inline-block;} /*.PhotoList_i1 li a:hover img{transform: scale(1.3);transition: all 1s ease 0s;-webkit-transform: scale(1.3);-webkit-transform: all 1s ease 0s;}*/ .PhotoList_i1 li a h4{position: absolute;z-index:10;display:none;transition: 0.6s;color:#fff; top:0%; left:0; width:90%; padding:0 5%; text-align:center; line-height:40px; font-size:22px; opacity:0; font-family:"寰蒋闆呴粦";overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .PhotoList_i1 li a:hover h4{ opacity:1; top:30%;transition: 0.6s;} .PhotoList_i1 li a::after{ display:none;content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 0%; background:rgba(0,0,0,.5) url(/images/ico3.png) no-repeat center 70%; background-size:10%;z-index: 1;transition: 0.6s;} .PhotoList_i1 li a:hover::after{width: 100%; height: 100%;z-index: 1;transition: 0.6s;} /*case*/ .case .PhotoList_i1 li { margin-left: 3.95%; width: 30.7%; } .case .PhotoList_i1 li a{padding:0; height:20vw !important;height:calc(20vw) !important;} .case .PhotoList_i1 li a img { height:100%; max-width: 99% !important; } /*news*/ .NewList_con { transition:0.3s linear 0s; position:relative; height: 300px; margin-bottom: 40px; width: 100%; background: #fff; } .NewList_con:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); } .focus { float:left; height: 100%; } .NewsList_c1 img { height: 100%; width: 450px; } .News_title, .auth-span, .note { margin-left: 60px; width: 620px; float: left; } .News_title h2 { font-size: 18px; color: #333; font-weight: normal; } span.note { max-height:60px; overflow:hidden; font-size: 14px; line-height: 30px; color: #999; word-break:break-all; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; } p.auth-span { font-size: 14px; color: #999; width: 690px; margin-left: 0; right: 0; position: absolute; bottom: 60px; } .News_title { margin-top: 60px; margin-bottom: 30px; } /*news-detail*/ @charset "utf-8"; /*銆€鏂囩珷闃呰銆€*/ .NewsDetail_a1{ padding:30px; background:#fff; margin:0 auto;} .NewsDetail_a1 #nt{padding:10px 0; margin-bottom:10px; font-size:26px; line-height:40px; font-weight:bold; border-bottom:1px dotted #ccc; text-align:center; letter-spacing:1px;} .NewsDetail_a1 #nf{ width:160px; margin:0 auto; margin-bottom:20px; height:20px; line-height:20px;} .NewsDetail_a1 #nf em{font-style: normal;display:block; padding-top:2px; margin-right:2px; float:left;} .NewsDetail_a1 #nf span{display:block; padding:2px; border-radius:5px; font-size:12px; width:18px; margin-right:4px; float:left; background:#999999; color:#fff; text-align:center; cursor:pointer;} .NewsDetail_a1 #nf span.nf_on{ background:#e62129;color:#ffff00;} .NewsDetail_a1 #nc{padding:10px;} .NewsDetail_a1 #nc img{margin:10px auto; display:block} .NewsDetail_a1 .nf1{line-height:1.8; font-size:14px; letter-spacing:1px;} .NewsDetail_a1 .nf2{line-height:1.8; font-size:16px; letter-spacing:1px;} .NewsDetail_a1 .nf3{line-height:1.8; font-size:20px; letter-spacing:2px;} .NewsDetail_a1 p{ padding:8px 0; text-indent:2em;} .NewsDetail_a1 #nb{padding:10px 0px; text-align:center; color:#777; border-top: 1px dotted #ccc; font-size:14px;} .NewsDetail_a1 #nb a{color:#777;} .NewsDetail_a1 #newtb{ background:#f7f7f7; line-height:30px; padding:0 15px; margin:10px 0 ;font-size:14px;} .NewsDetail_a1 #newtb span{ display:block; width:50%; float:left;} .NewsDetail_a1 #newtb em{font-style: normal; text-align: right; display:block; width:50%; float:left;} .NewsDetail_a1 #newskw{ clear:both; font-size:14px; font-weight:bold; margin:10px 0; line-height:30px; word-spacing:1em;} /*job-list*/ .hrList_a1{} .hrList_a1_item{ background:#fff;max-width:100%; padding:30px; margin-bottom:40px;} .hrList_a1_item:nth-child(3n){ margin-right:0;} .hrList_a1_title{ font-size:30px; font-weight:700; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; border-bottom: solid #ddd 1px; padding-bottom:20px; line-height:50px;color:#e46200;} .hrList_a1_button{ padding:30px 0 10px;} .hrList_a1_button a.more{} .hrList_a1_button a.more:hover{ background-color:#e46200;transition-duration:.3s;} .hrList_a1_button a.more{cursor:pointer; display: block; height:40px; line-height:40px; padding-left:30px; width:80px; color:#fff; background:url(/images/more2.png) no-repeat 12px center #0077cc;transition-duration:.3s; border-radius:8px; font-size:16px;} .hrList_a1_item ul{ font-size:16px; padding:30px 0; border-bottom: dotted 1px #ddd;} .hrList_a1_item ul li{ width:33%; display:inline-block; line-height:20px; padding:5px 0; color:#777;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .hrList_a1_item ul li.other{ width:100%; line-height:22px; padding:5px 0;color:#777;text-overflow: inherit;white-space: inherit; margin-top:20px;} .hrList_a1_item ul li>span{ width:90px; color:#0077cc; font-weight:bold !important;} li.other p { /*display: inline-block;*/ } .hrList_a1_title:after { font-size: 16px; float: right; content: '鍥哄畾鍙风爜:82537518銆€銆€鍒嗘満鍙风爜:88113618銆€銆€閭:aur25@aurican.com'; color: #0077cc; font-weight:normal; } li.other span, li.other p { font-weight: normal !important; } .jobapply_d1{ display:inline-block;} .jobapply_d1 .til1{ line-height:50px; font-size:20px;font-family:"寰蒋闆呴粦"; border-bottom: solid 1px #eee; margin-bottom:20px; float:left; width:100%;} .jobapply_d1 .til1 span{ color:#0d6dc2; font-weight:bold;font-family:"寰蒋闆呴粦";} .InputV1{height:38px; width:98%;line-height:38px;padding:0 10px;border:1px solid #ddd;background-color:#fafafa;} .InputV1:focus{border:1px solid #009c73;background-color:#fff;} .ButtonV1{height:40px;line-height:40px;padding:0 20px;background-color:#0d6dc2;color:#fff; font-size:18px; cursor:pointer; font-family:"寰蒋闆呴粦"; outline:none; opacity:0.7; transition:0.3s linear 0s; } .TextareaV1{line-height:150%;width:1180px;padding:10px;border:1px solid #ddd;background-color:#fafafa; resize:none;} .TextareaV1:focus{border:1px solid #009c73;background-color:#fff;} .jobapply_d1 .float1{width:31%;float:left; margin-bottom:20px;} .jobapply_d1 .float2{width:31%; margin-left:3%;float:left; margin-bottom:20px;} .jobapply_d1 .float3{width:100%;float:left; margin-bottom:20px;} .jobapply_d1 .SelectV1{height:38px; width:103%;line-height:38px;padding:0 10px;border:1px solid #ddd;background-color:#fafafa;} .jobapply_d1 .vcode{width:32%;float:left; } .jobapply_d1 .vcode .InputV1{ width:280px;} .jobapply_d1 .btn{width:31%;float:left; margin-left:2%; } .ButtonV1:hover{ opacity:1;} .floatleft { float: left; } /*鍙戝睍鍘嗙▼*/ .history dt { margin-top: 20px; vertical-align: top; display: inline-block; border-radius: 5px; background: #0d6dc2; width: 100px; text-align: center; color: #fff; margin-right: 55px; position: relative; } .history dt:before { box-sizing:border-box; border-style: solid; content: ''; position: absolute; border-color: transparent transparent transparent #0d6dc2; border-width: 7px 0 7px 7px; right: -6px; top: 50%; margin-top: -7px; } .history dt:after { z-index: 2; background: #f8f8f8; width: 9px; content: ''; position: absolute; height: 9px; border: 1px solid #999; right: -56px; border-radius: 50%; top: 50%; margin-top: -4.5px; } .history dd:before { top:0; position: absolute; content: ''; left: -5px; height: 100%; border-left: 1px dotted #999; } .history dt,.history dd {font-size:16px; line-height:40px;} .history dd { width: 980px; padding-left: 55px; position: relative; display: inline-block; vertical-align: top; padding-top: 20px; padding-bottom: 20px; color: #666; } .history dd p { margin-bottom: 20px; } /*鍦板浘*/ .map_a1{ width:100%; height:600px;border:#ccc solid 1px;font-size:14px;} .map_a1 .BMap_omCtrl{ display:none;} .map_a1 .BMap_scaleCtrl{display:none;} .BMap_bubble_title { font-weight: bold; font-size: 16px; } /*鑱旂郴鎴戜滑*/ .contact { padding: 30px; background: #fff; } /*.contact-main { vertical-align: top; display: inline-block; width: 500px; }*/ p.contact-title { text-transform: uppercase; margin-bottom: 50px; font-weight: bold; font-size: 28px; color: #0d6dc2; } /*p.contact-title span{display:block;}*/ .map .contact-main li { display: inline-block; line-height: 28px; /* width: 355px; */ vertical-align: top; margin: 10px 0; margin-right: 60px; } .contact-main li { margin: 20px 0; } .contact-main img { vertical-align: middle; display: inline-block; width: 22px; margin-right: 10px; } .contact-main span { vertical-align:middle; font-size: 14px; color: #333; } /*.map .contact-main li:nth-child(3n+1) { margin-right: 0; }*/ .contact2 { vertical-align: top; width: 375px; display: inline-block; margin-bottom: 70px; } .contact2 .contact-title { font-size: 16px; font-weight: bold; margin-bottom: 30px; } .map { } .map .contact-title { margin-bottom:30px; line-height: 50px; font-weight: normal; } .other-contact { margin-top: 70px; } /*.map .contact-title, .map .contact-main { vertical-align:middle; display: inline-block; width: 555px; } .contact-title span:last-child { opacity: 0.8; line-height: normal; font-size: 20px; }*/ .contact1 { padding-bottom: 60px; margin-bottom: 70px; border-bottom: 1px solid #ddd; } /*product-detail*/ #ibody{ width:1200px; margin:0 auto 20px auto; background:#fff;} #ibody_detail{ padding:40px 30px 20px 30px;font-size:16px; color:#777;} #ibody_detail .imgR{ display:block; width: 40%; float: right; padding:0 0 20px 40px;} #ibody_detail .imgL{ display:block; width: 40%; float:left;padding:0 40px 20px 0; } #ibody_detail p{ text-indent:2em; line-height:2; padding-bottom:20px; } .Pimg img { vertical-align: middle; display: inline-block; height: auto; margin: 0 auto; width: auto; max-height: 400px; max-width: 99%; } li.list+li { display: none; } .ProductDetail_a1{ display:inline-block; margin:0 auto;} .ProductDetail_a1 .Pimg{ width:520px; border:solid 1px #e8e8e8;min-height: 260px; padding:10px; float:left; background:#fff;line-height: 20; text-align:center;} .ProductDetail_a1 .pul{ width:600px; float:right;} .ProductDetail_a1 .pul>li{ line-height:24px; margin:5px 0;font-size:16px; color:#777;} .ProductDetail_a1 .pul>li:last-child{display:none;} .ProductDetail_a1 .pul>li.name{ color:#333;font-size:18px;} .ProductDetail_a1 .pul>li.list a{color:#009c73;} .ProductDetail_a1 .pul>li.shang{ margin-top:30px; margin-bottom:30px;} .ProductDetail_a1 .detail{ float:left; width:100%;} .ProductDetail_a1 .til1{ margin:15px 0; padding:20px; font-size:20px; border-bottom:solid 1px #e8e8e8; border-left:4px solid #0d6dc2;} .ProductDetail_a1 .detail p{ padding:10px 0; line-height:30px; font-size:16px; text-indent:2em; color:#777} .ProductDetail_a1 .pul>li a.more{color: #0d6dc2;display:inline-block;font-weight: lighter; border: 1px solid #0d6dc2; position:relative; transition: 0.6s; padding: 7px; padding-left:25px; padding-right: 25px;font-size:16px;z-index:1;} .ProductDetail_a1 .pul>li a.more::before{content: ""; position: absolute; top: 0; left: 0; width: 0%; height: 100%; background:#0d6dc2;z-index: -1;transition: 0.6s;} .ProductDetail_a1 .pul>li a.more:hover{color:#fff;} .ProductDetail_a1 .pul>li a.more:hover::before{width:100%;} .ProductDetail_a1 .pul>li a.more.on{background:#009c73;color:#fff;} @media only screen and (max-width: 1200px){ .jobapply_d1 .til1{ line-height:50px; font-size:20px; font-family:"寰蒋闆呴粦"; border-bottom: solid 1px #eee; margin-bottom:20px;} .jobapply_d1{ width:92%; margin:0 auto; padding:50px 0 40px 0; border-bottom: solid #e8e8e8 1px;} .TextareaV1{width:98%} .TextareaV1{width:98%} .jobapply_d1 .vcode{ width:302px;} .jobapply_d1 .vcode .InputV1{ width:200px;} .jobapply_d1 .float1{width:29%;float:left; margin-bottom:20px;} .jobapply_d1 .float2{width:29%; margin-left:6%;float:left; margin-bottom:20px;} .messPage { padding: 50px 0px 0 0; width:92%;margin:0 auto;} .NewsDetail_a1{ padding:30px 0; background:#fff; width:90%; margin:0 auto;} .PhotoList_i1 li{ width:31%; margin-right:2%; margin-bottom:30px; float:left; } } @media only screen and (max-width: 800px){ .jobapply_d1{ padding:20px 0 20px 0;} .jobapply_d1 .til1{ line-height:50px; font-size:16px; font-family:"寰蒋闆呴粦"; border-bottom: solid 1px #eee; margin-bottom:20px;} .jobapply_d1 .float1{width:98%;float:left; margin-bottom:8px;} .jobapply_d1 .float2{width:98%;float:left; margin-left:0; margin-bottom:8px;} .jobapply_d1 .float3{width:98%;float:left; margin-bottom:8px;} .jobapply_d1 .SelectV1{height:38px; width:100%;line-height:38px;padding:0 10px;border:1px solid #ddd;background-color:#fafafa;} .jobapply_d1 .btn{width:98%;float:left; margin-left:0; } .jobapply_d1 .vcode{ width:width:98%;float:left;margin-left:0; margin-bottom:8px;} .NewsDetail_a1{ padding:30px 0; background:#fff; width:90%; margin:0 auto;} .NewsDetail_a1 img{ width:100%;} .NewsDetail_a1 #newtb span{ width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .NewsDetail_a1 #newtb em{ width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .PhotoList_i1 li{ width:90%; margin-left:5%; margin-bottom:20px; float:left; } .PhotoList_i1 li a h4{ display:none;} .PhotoList_i1 li a:hover::after{ display:none;} .PhotoList_i1 li span{ text-align:center;} .PhotoList_i1 li a img{transform: scale(1);transition: all 1s ease 0s;-webkit-transform: scale(1);-webkit-transform: all 1s ease 0s; /*height:100%;*/vertical-align: middle; display: inline-block;} .PhotoList_i1 li a:hover img{transform: scale(1);transition: all 1s ease 0s;-webkit-transform: scale(1);-webkit-transform: all 1s ease 0s;} } @keyframes play{0%{ transform:rotateZ(0deg);} 100%{ transform:rotateZ(360deg);}} @media only screen and (max-width: 1600px) { /* .footer-tr .MenuList_b1 .menu li{margin-right:4.5%;} */ } .detail-title{ display:none; width:100%; text-align:center; color:#0d6dc2; font-size:36px; margin:0 0 50px; } /*缁忛攢缃戠粶*/ #NetT{ padding:15px 20px; border:1px dotted #ccc; line-height:20px;} #NetC { margin: 15px 0; text-align: right; font-size: 36px; color: #0d6dc2; } .ibC{ width:100%; margin-top:20px;} .tab1{ border-bottom:1px solid #ccc; border-right:1px solid #ccc;} .tab1 td{ border-top:1px solid #ccc; border-left:1px solid #ccc; padding:8px 10px; font-size:14px;} .tabbg{ background-color:#eee;} #map_cn{ position:relative; width:70%;} #map_cn img{ float:left;} .ibR { width: 375px; float: right; } .button {margin:120px 0;} .button span { margin-bottom:10px; cursor: pointer; font-size: 16px; color: #fff; background: #999; text-align: center; line-height: 50px; width: 180px; display: block; } #pbpage_34 {width: 1200px;} #pbpage_53 {width: 1200px;} #pbpage_43 {width: 1200px;} #pbpage_48 {width: 1200px;} #pbpage_48 .contact-title {margin-bottom: 30px;line-height: 50px;font-weight: normal;} #pbpage_48 .contact-main li {display: inline-block;line-height: 28px;vertical-align: top;margin: 10px 0;margin-right: 60px;} #pbpage_48 .list-paddingleft-2 {padding-left: 0px;}