/* CSS Document */ body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,ul,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video { margin:0; padding:0;} article,aside,footer,header,hgroup,nav,section,audio,canvas,video { display:block;} *{ -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} body { font-family:; color:#666; text-decoration:none; font-size:14px; background:#fff;} html, body { scroll-behavior:smooth; } textarea { resize:none;} img{ max-width:100%;} iframe,img { border:0;} ul,ol,li { list-style:none;} input, select, textarea { outline:0; -webkit-user-modify:read-write-plaintext-only;} input { -webkit-appearance:none;} a{ text-decoration:none; color:#666; transition:0.2s; -webkit-transition:0.2s;} a:hover{ color:#1d499e;} .clearfix { clear:both; zoom:1;} .clearfix:after { content:""; display:block; height:0; clear:both; visibility:hidden;} .fl{ float:left;} .fr{ float:right;} /*婊氬姩鏉?/ ::-webkit-scrollbar{ width:6px; height:12px} ::-webkit-scrollbar-button:vertical{ display:none;} ::-webkit-scrollbar-track:vertical{ background-color:black} ::-webkit-scrollbar-track-piece{ background:#FFF} ::-webkit-scrollbar-thumb:vertical{ background-color:#bdb9b9; border-radius:5px} ::-webkit-scrollbar-thumb:vertical:hover{ background-color:#bdb9b9} ::-webkit-scrollbar-corner:vertical{ background-color:#bdb9b9} ::-webkit-scrollbar-resizer:vertical{ background-color:#bdb9b9} .m{ width:95%; max-width:1400px; margin:0 auto; position:relative;} .n{ padding:80px 0;} .nm{ background: #f8f8f8;} .nm .m2{ background:#fff; box-shadow:0 0 50px -20px rgba(0, 0, 0, .15); padding:80px; width:100%;} .top{ position:absolute; width:100%; z-index:999;} .top1{ display:flex; justify-content:space-between; color:#fff; font-size:16px; line-height:60px; width:100%; border-bottom:1px solid rgba(255,255,255,0); padding:0 calc(140 / 1920 * 100vw); transition:0.2s;} .top2{ display:flex; justify-content:space-between; transition:0.2s; padding:0 calc(140 / 1920 * 100vw);} .top .logo{ position:relative; padding:20px 0; transition:0.2s;} .top .logo img{ display:block; height:45px; transition:0.2s;} .top .logo img.logo2{ position:absolute; left:0; top:20px; opacity:0; transition:0.2s;} .top .top_nav{ display:flex; column-gap:2vw;} .top .top_nav>li{ position:relative;} .top .top_nav>li:after{ content:""; display:block; width:0; height:2px; background:#1d499e; transition:0.2s;} .top .top_nav>li:hover:after{ width:100%;} .top .top_nav>li>a{ color:#fff; font-size:18px; line-height:85px;} .top .top_nav>li>a:hover{ color:#1d499e;} .top .top_nav>li ul{ position:absolute; left:0; top:120%; z-index:9; background:rgba(255,255,255,.9); padding:20px 30px; white-space:nowrap; opacity:0; visibility:hidden; transition:0.2s; min-width:100%; transform:translateX(calc(-50% + 36px));} .top .top_nav>li:hover ul{ opacity:1; visibility:visible; top:100%;} .top .top_nav>li ul li{ line-height:2; text-align:center;} .top .top_nav>li ul li a{ display:inline-block; font-size:16px;} .top .top_nav>li ul li a:hover{ color:#1d499e; text-decoration:underline;;} .top:hover .top1,.top.on .top1{ color:#1d499e; border-bottom:1px solid #ccc;} .top:hover .top_nav li a,.top.on .top_nav li a{ color:#333;} .top:hover .logo img.logo2,.top.on .logo img.logo2{ opacity:1;} .top.on .top2{ position:fixed; width:100%; left:0; top:0; background:#fff;} .top:hover .top1{ background:#fff;} .top:hover .top2{ background:#fff;} .top.on .top2{ background:#fff; box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);} .search{ display:flex; align-items:center;} .search input{ width:calc(230 / 1920 * 100vw); height:40px; line-height:40px; border:1px solid #fff; color:#fff; border-radius:20px; font-size:16px; background:url(../images/search.png) no-repeat left 20px center; padding-left:50px;} .search input::placeholder{ color:#fff;} .top:hover .search input,.top.on .search input{ border:1px solid #1d499e; color:#1d499e; background:url(../images/search2.png) no-repeat left 20px center;} .top:hover .search input::placeholder,.top.on .search input::placeholder{ color:#1d499e;} .bannerslide { height:calc(930 / 1920 * 100vw); position: relative; overflow: hidden; } .bannerslide .swiper-wrapper { } .bannerslide .swiper-slide { background-position: center !important; background-size: cover !important; position: relative; display: flex; align-items: center; overflow: hidden; padding-left: 100px; } .bannerslide .swiper-pagination { bottom: 20px; } .bannerslide .swiper-pagination .swiper-pagination-bullet { outline: none; margin: 0 10px; border: 1px solid #fff; background: transparent; width: 10px; height: 10px; border-radius: 50px; opacity: 1; transition: 0.5s; } .bannerslide .swiper-pagination .swiper-pagination-bullet-active { width: 30px; background: #fff; } .bannerslide .bannerslide-button{ position: absolute; left: 10px; top: 50%; transform: translateY(-50%); width: 80px; height: 80px; z-index: 1111111; cursor: pointer; outline: none; line-height:80px; text-align:center; color:#fff; font-size:80px; opacity:0.5; } .bannerslide .bannerslide-button:hover{ opacity:1; } .bannerslide .bannerslide-prev { } .bannerslide .bannerslide-next { left:auto; right:10px; } .ind_part1{ background:url(../images/ip1bg.jpg) no-repeat center center; background-size:cover; padding:65px 0 0 140px; display:flex; justify-content:space-between; } .ipdl{ padding:0 0 30px; } .ipdl .p1 a{ font-size:30px; font-weight:bold; color:#fff; } .ipdl .p1 a:hover{ color:#54a5ff; } .ipdl .p2{ display:flex; column-gap:calc(120 / 1920 * 100vw); } .ipdl .p2 a{ font-size:30px; color:#fff; white-space:nowrap; } .ipdl .p2 a:hover{ color:#54a5ff; } .ipdl .p2 span{ color:#fff; font-size:20px; font-weight:bold; display:flex; align-items:flex-end; } .ipdr{ display:flex; column-gap:1px; width:calc(960 / 1920 * 100vw); } .ipdr li{ padding:calc(30 / 1920 * 100vw) calc(40 / 1920 * 100vw); background:rgba(118,189,211,0.48); } .ipdr li .p1{ font-size:22px; font-weight:bold; color:#fff; } .ipdr li .p2{ font-size:17px; color:#fff; margin-top:20px; } .ipdr li:nth-child(2){ background:rgba(61,145,196,0.48); } .ip2d1{ padding:90px 140px; } .ip2d1 p{ font-size:20px; color:3333; line-height:2; max-width:calc(1100 / 1920 * 100vw); } .ip2d1 p span{ color:#042485; font-weight:bold; } .ip2d2{ background:#edf3fc; padding:80px 140px 60px; position:relative; } .ip2d2 ul{ display:flex; column-gap:calc(50 / 1920 * 100vw); position:relative; z-index:2; } .ip2d2 ul li{ text-align:center; padding:0 calc(40 / 1920 * 100vw); } .ip2d2 ul li .p1{ font-size:18px; color:#54a5ff; } .ip2d2 ul li:nth-child(2n) .p1{ color:#1d499e; } .ip2d2 ul li .p1 span{ font-size:calc(55 / 1920 * 100vw); font-weight:bold; } .ip2d2 ul li .p2{ font-size:calc(25 / 1920 * 100vw); color:#54a5ff; } .ip2d2 ul li:nth-child(2n) .p2{ color:#1d499e; } .ip2d2>img{ position:absolute; right:0; bottom:0; width:calc(673 / 1920 * 100vw); max-width:673px; z-index:1; } .ind_part3{ padding:80px 140px 50px; } .ind_part3 .ip3d1{ display:flex; justify-content:space-between; } .pt1{ font-size:30px; color:#333; font-weight:bolder; font-family:"Arial"; } .pt2{ font-size:30px; color:#333; margin:10px 0; } .pt3{ font-size:18px; color:#333; } .ind_part3 .ip3d1 ul{ display:flex; column-gap:7px; margin-top:30px; } .ind_part3 .ip3d1 ul li a{ display:block; padding:15px 30px; background:#1d499e; color:#fff; font-size:16px; } .ind_part3 .ip3d1 ul li a:hover{ background:#003f9a; } .amore{ padding:15px 40px; color:#fff; background:#1d499e; border-radius:30px; font-size:16px; display:block; margin-top:20px; } .amore:hover{ background:#003f9a; color:#fff; } .ip3d2{ margin-top:50px; position:relative; } .ip3d2 .swnext{ position:absolute; top:50%; right:-80px; transform:translateY(-50%); font-size:80px; color:#1d499e; cursor:pointer; outline:none; } .ip3d2 .swprev{ position:absolute; top:50%; left:-80px; transform:translateY(-50%); font-size:80px; color:#1d499e; cursor:pointer; outline:none; } .ind_pro .swiper-wrapper{ height:auto; } .ind_pro .swiper-slide{ } .ind_pro .swiper-slide .proi{ padding:40px 0; background:url(../images/pbg.jpg) no-repeat center center; background-size:cover; overflow:hidden; } .ind_pro .swiper-slide .proi img{ display:block; margin:0 auto; height:calc(295 / 1920 * 100vw); transition:0.2s; } .ind_pro .swiper-slide:hover .proi img{ transform:scale(1.1); } .ind_pro .swiper-slide .prot{ width:calc(100% - 60px); margin:0 auto; background:rgba(255,255,255,0.8); box-shadow:0 0 10px #ccc; padding:calc(40 / 1920 * 100vw) calc(30 / 1920 * 100vw); position:relative; top:-50px; z-index:2; } .ind_pro .swiper-slide .protit{ color:#0044a6; font-size:20px; font-weight:bold; } .ind_pro .swiper-slide .more{ color:#e00000; font-size:13px; text-align:right; margin-top:25px; } .ind_pro .swiper-slide .more span{ display:inline-block; background:#0044a6; color:#fff; padding:8px 20px; border-radius:20px; border:2px solid #0044a6; transition:0.2s; } .ind_pro .swiper-slide .more span:hover{ background:#fff; color:#0044a6; } .ind_part4{ padding:150px 140px 280px; background:url(../images/ip4bg.jpg) no-repeat center center; background-size:cover; display:flex; justify-content:flex-end; } .ip4m{ max-width:100%; min-width:640px; color:#fff; } .ip4m .p1{ font-size:28px; } .ip4m .p2{ font-size:38px; font-weight:bold; line-height:1.3; margin:25px 0 50px; } .ip4m a{ display:inline-block; } .ind_part5{ padding:70px 140px; } .ind_part5 .ip5d1{ display:flex; justify-content:space-between; } .ind_part5 .ip5d2{ display:flex; justify-content:space-between; column-gap:30px; margin-top:40px; } .ind_part5 .ip5d2 .item{ width:calc(100% / 3 - 20px); } .ind_part5 .ip5d2 .item .newsi{ overflow:hidden; } .ind_part5 .ip5d2 .item .newsi img{ display:block; width:100%; transition:0.2s; height:calc(350 / 1920 * 100vw); object-fit:cover; } .ind_part5 .ip5d2 .item:hover .newsi img{ transform:scale(1.1); } .ind_part5 .ip5d2 .item .newst{ padding-top:20px; } .ind_part5 .ip5d2 .item .newst .p1{ font-size:16px; color:#888888; display:inline-block; border-bottom:1px solid #888; } .ind_part5 .ip5d2 .item .newst .p2{ font-size:20px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:10px 0; } .ind_part5 .ip5d2 .item .newst .p3{ font-size:16px; color:#666; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .ind_part5 .ip5d2 .item .newst .p4{ display:inline-block; font-size:15px; color:#1d499e; border-bottom:1px solid #1d499e; margin-top:20px; } .ind_part6{ padding:0 140px; margin:20px 0 80px; display:flex; } .ind_part6 .item{ width:calc(100% / 3); overflow:hidden; } .ind_part6 .item img{ display:block; width:100%; transition:0.2s; } .ind_part6 .item:hover img{ transform:scale(1.02); } .bottom{ padding:60px 140px; background:#1c3577; display:flex; justify-content:space-between; border-bottom:1px solid #526392; } .bottom .logob{ text-align:center; } .bottom .logob img{ display:block; margin-bottom:20px; } .bottom .logob p{ font-size:12px; color:#dfdfdf; } .bottom ul p{ font-size:18px; color:#fff; font-weight:bold; margin-bottom:20px; } .bottom ul li{ color:#ebebeb; font-size:15px; line-height:2; } .bottom ul li a{ display:block; color:#ebebeb; } .bottom ul li a:hover{ text-decoration:underline; } .foot{ background:#1c3577; padding:30px 140px; color:#fff; display:flex; justify-content:space-between; font-size:15px; } .foot a{ color:#fff; } .nbanner{ height:550px; display:flex; justify-content:center; align-items:center; color:#fff; background:linear-gradient(to top, rgb(29,73,158,0.1), rgb(29,73,158,0.5)),url(../images/bannern.jpg) no-repeat center center; background-attachment: fixed; text-align:center; background-size:100% auto !important;} .nbannernews{ background:linear-gradient(to top, rgb(29,73,158,0.1), rgb(29,73,158,0.5)),url(../images/bannernews.jpg) no-repeat center center; background-attachment: fixed;} .nbannersite{ background:linear-gradient(to top, rgb(29,73,158,0.1), rgb(29,73,158,0.1)),url(../images/banner2.jpg) no-repeat top center; background-attachment: fixed;} .nbannercon{ background:linear-gradient(to top, rgb(29,73,158,0.1), rgb(29,73,158,0.5)),url(../images/bannercon.jpg) no-repeat bottom center; background-attachment: fixed;} .nbannerpro{ background:linear-gradient(to top, rgb(29,73,158,0.1), rgb(29,73,158,0.5)),url(../images/bannernpro.jpg) no-repeat top center; background-attachment: fixed;} .nbannerequ{ background:linear-gradient(to top, rgb(29,73,158,0.1), rgb(29,73,158,0.5)),url(../images/bannernequ.jpg) no-repeat top center; background-attachment: fixed;} .nbannerjoin{ background:linear-gradient(to top, rgb(29,73,158,0.1), rgb(29,73,158,0.5)),url(../images/bannernjoin.jpg) no-repeat bottom center; background-attachment: fixed;} .nbannerser{ background:linear-gradient(to top, rgb(29,73,158,0.1), rgb(29,73,158,0.5)),url(../images/bannernser.jpg) no-repeat top center; background-attachment: fixed;} .nbanner .p1{ font-size:60px; text-transform:uppercase; font-weight:bold; font-family: "Times New Roman";} .nbanner ul{ display:flex; justify-content:center; column-gap:20px; margin-top:20px;} .nbanner ul li{ font-size:24px; text-transform:capitalize;} .nbanner ul li .fas{ font-size:16px;} .nbanner ul li a{ color:#fff;} .now{ background:#f9f9f9; border-bottom:1px solid #ccc; } .now .m{ display:flex; justify-content:space-between; } .now .m>ul{ display:flex; column-gap:30px; } .now .m>ul>li{ position:relative; } .now .m>ul>li>a{ display:block; line-height:80px; font-size:18px; border-bottom:2px solid #f9f9f9; } .now .m>ul>li>a:hover,.now .m>ul>li.on>a{ color:#1d499e; border-bottom:2px solid #1d499e; } .now .m>ul>li ul{ position:absolute; left:0; top:100%; min-width:100%; white-space:nowrap; background:#1d499e; opacity:0; visibility:hidden; transition:0.2s; z-index:999; } .now .m>ul>li ul li a{ display:block; line-height:1.8; padding:5px 20px; color:#fff; border-bottom:1px solid #1d499e; } .now .m>ul>li:hover ul{ opacity:1; visibility:visible; } .now .m>ul>li ul li a:hover{ border-bottom:1px solid #fafafa; } .nowmenu{ line-height:80px; font-size:16px; } .ppt{ text-align:center; font-size:45px; color:#333; } .ppte{ text-align:center; font-size:60px; color:#333; opacity:0.07; line-height:0; text-transform: capitalize; } .about{ padding:100px 0; } .about .aboutm{ margin-top:100px; display:flex; justify-content:space-between; flex-wrap:wrap; } .about .aboutm .abl{ width:50%; } .about .aboutm .abl img{ width:100%; height:100%; display:block; object-fit:cover; } .abouts .swiper-button-next,.abouts .swiper-button-prev{ color:#fff; outline:none; opacity: 0; visibility: hidden; transition: 0.2s; } .abouts .swiper-button-next{ right:-50px; } .abouts .swiper-button-prev{ left:-50px; } .abouts:hover .swiper-button-next{ right:10px; opacity:1; visibility:visible; } .abouts:hover .swiper-button-prev{ left:10px; opacity:1; visibility:visible; } .abouts .swiper-button-next.swiper-button-disabled,.abouts .swiper-button-prev.swiper-button-disabled{ opacity:0.35; } .about .aboutm .abr{ width:50%; color: #777; font-size: 16px; line-height: 1.8; padding:120px 50px; background:#f5f5f5; } .about .aboutm .abr>div{ } .about .aboutm .abr p{ text-indent:2em; margin-bottom:0.6em; } .about .aboutm .abr p span{ font-weight:bold; color:#1d499e; } .about2{ background:#f5f5f5; } .aboutm2{ display:flex; justify-content:space-between; } .aboutm2 .item{ width:49%; box-shadow: 2px 2px 30px rgba(0,0,0,0.1); background: #fff; } .aboutm2 .item .abouts .swiper-wrapper{ height:auto; } .aboutm2 .item img{ display:block; width:100%; height:350px; object-fit:cover; } .aboutm2 .item p{ color: #777; font-size: 16px; line-height: 1.8; padding:40px; } .culture{ background:#f5f5f5; } .culturem{ position:relative; margin-top:80px;} .cultures{} .culture .swiper-wrapper{ height:auto;} .culture .swiper-slide{ display:flex; box-shadow:0 0 5px rgba(0, 0, 0, .15);} .culture .swiper-slide .culturet{ width:calc(600 / 1400 * 100%); padding:0 80px; display:flex; flex-direction:column; justify-content:center; background:#fff url(../images/cbg.png) no-repeat right bottom;} .culture .swiper-slide .culturet .p1{ font-size:36px; color:#1d499e;} .culture .swiper-slide .culturet .p1 span{ color:#999; font-size:18px; text-transform:capitalize; display:inline-block; margin-left:10px;} .culture .swiper-slide .culturet .p2{ font-size:22px; color:#333; margin-top:20px; line-height:1.8;} .culture .swiper-slide .culturei{ width:calc(800 / 1400 * 100%);} .culture .swiper-slide .culturei img{ display:block; width:100%; object-fit:cover;} .cultures2{ position:absolute; left:0; top:0; height:100%; width:calc(800 / 1400 * 100%); background:rgba(0,0,0,0.2); z-index:9; display:flex;} .cultures2 .item{ width:calc(100% / 3); display:flex; flex-direction:column; justify-content:center; text-align:center; border-right:1px solid rgba(204,204,204,.5);} .cultures2 .item:last-child{ border:none;} .cultures2 .item img{ height:40px; display:inline-block; transition:0.4s;} .cultures2 .item:hover img{ transform:translateY(-30px);} .cultures2 .item p{ color:#fff; font-size:20px; margin-top:20px;} .news{ display:flex; flex-wrap:wrap; column-gap:30px; } .news .item{ width:calc(100% / 3 - 20px); margin-bottom:30px; } .news .item .newsi{ overflow:hidden; } .news .item .newsi img{ width:100%; display:block; transition:0.2s; height:330px; object-fit:cover; } .news .item:hover .newsi img{ transform:scale(1.1); } .news .item .newst{ padding-top:20px; } .news .item .newst .p1{ font-size:16px; color:#888888; display:inline-block; border-bottom:1px solid #888; } .news .item .newst .p2{ font-size:20px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:10px 0; } .news .item .newst .p3{ font-size:16px; color:#666; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .news .item .newst .p4{ display:inline-block; font-size:15px; color:#1d499e; border-bottom:1px solid #1d499e; margin-top:20px; } .ny_content{ font-size:16px; line-height:1.8;} .ny_content p{ margin-bottom:10px; text-indent:2em;} .ny_content2{ padding:0 50px;} .ny_content3{ max-width:850px; margin:0 auto;} .npt{ text-align:center; font-weight:bold; font-size:24px; color:#0044a6;} .npt2{ margin-bottom:50px;} .news_time{ text-align:center; margin:20px 0 30px; font-size:16px;} .u_np{ margin-top:50px; text-align:center;} .u_np li{ display:inline-block; margin:0 20px;} .u_np li a{ display:inline-block; padding:20px 30px; background:#8f8f8f; color:#fff;} .u_np li a:hover{ background:#00459c;} .product{ display:flex; justify-content:space-between; } .productl{ width:20%; } .productl .plf{ position:sticky; top:110px; } .sidenav { background:linear-gradient(135deg,#0044a6,#dedede); overflow:hidden; } .sidenav .hd { color:#fff; padding:20px; } .sidenav .hd p{ font-size:12px; } .sidenav .hd strong { font-weight:normal; font-size:24px; } .sidenav .bd { padding:10px; background:#fff; margin:0 6px 6px; } .sidenav ul { } .sidenav ul li { margin-bottom:5px; line-height:40px; } .sidenav ul li a { padding:0 20px; color:#666; font-size:16px; display:block; -webkit-transition:all .2s; transition:all .2s; background:#f1f1f1 url(../images/ck.gif) no-repeat -16px center; background-size:16px 14px; } .sidenav ul li a:hover,.sidenav ul li.on a { background-color:#0044a6; color:#fff; opacity:.9; filter:alpha(opacity=90); background-position:18px center; box-shadow:0 5px 10px rgba(26,88,166,0.4); padding-left:40px; } .sidebox { background:#dedede; overflow:hidden; margin-top:30px; } .sidebox .hd { line-height:50px; text-align:center; font-size:18px; color:#333; } .sidebox .bd { margin:0 6px 6px; padding:20px; background:#fff; position:relative; } .sbcon { line-height:1.8; } .productr{ display:flex; flex-wrap:wrap; column-gap:30px; width:78%; } .productr .item{ width:calc(100% / 3 - 20px); margin-bottom:20px; } .productr .item .proi{ padding:40px 0; background:url(../images/pbg.jpg) no-repeat center center; background-size:cover; overflow:hidden; } .productr .item .proi img{ display:block; margin:0 auto; height:calc(200 / 1920 * 100vw); max-height:200px; transition:0.2s; } .productr .item:hover .proi img{ transform:scale(1.1); } .productr .item .prot{ width:calc(100% - 40px); margin:0 auto; background:rgba(255,255,255,0.8); box-shadow:0 0 10px #ccc; padding:calc(30 / 1920 * 100vw) calc(20 / 1920 * 100vw); position:relative; top:-50px; z-index:2; } .productr .item .protit{ color:#0044a6; font-size:20px; font-weight:bold; } .productr .item .more{ color:#e00000; font-size:13px; text-align:right; margin-top:25px; } .productr .item .more span{ display:inline-block; background:#0044a6; color:#fff; padding:8px 20px; border-radius:20px; border:2px solid #0044a6; transition:0.2s; } .productr .item .more span:hover{ background:#fff; color:#0044a6; } .prmi{ display:flex; justify-content:center; column-gap:30px; margin-bottom:20px; } .prmi a{ text-align:center; transition:0.2s; } .prmi a:hover{ transform:translateY(-20px); } .prmi a img{ max-height:300px; } .prmi a p{ font-weight:bold; width:100%; margin-top:1em; } .prod h2{ font-size:24px; line-height:1; font-weight:bold; color:#0044a6; display:flex; column-gap:10px; margin:20px 0; } .prod h2:before{ content:""; width:8px; background:#0044a6; } .prod .prop1{ line-height:1.8; text-indent:2em; margin:20px 0; } .protable{ width:100%; } .protable tr{ background:#355cab; } .protable tr:nth-child(2n){ background:#859dcc; } .protable td{ text-align:center; padding:10px 0; color:#fff; border:0.5px solid #cde0f4; } .protable tr td:first-child{ width:20%; } .prod .prop2{ font-size:16px; line-height:2; margin:20px 0; text-indent:0; } .product .page_pagination{ width:100%; } .equipment{ display:flex; flex-wrap:wrap; column-gap:30px; } .equipment .item{ width:calc(100% / 3 - 20px); margin-bottom:20px; } .equipment .item img{ display:block; width:100%; height:350px; object-fit:cover; } .equipment .item p{ padding:15px 0; text-align:center; background:#f5f5f5; font-size:16px; transition:0.2s; } .equipment .item:hover p{ background:#1d499e; color:#fff; } .join{ ; } .join .item{ margin-bottom:20px; } .join .item .jt{ background:#f8f8f8; padding:30px; cursor:pointer; } .join .item .jt .p1{ display:flex; justify-content:space-between; } .join .item .jt .p1 .sp1{ font-size:18px; font-weight:bold; color:#333; } .join .item .jt .p1 .sp2{ font-size:36px; transition:0.2s; } .join .item .jt.on .p1 .sp2{ transform:rotate(180deg); color:#1d499e; } .join .item .jt .p2{ display:flex; column-gap:50px; font-size:16px; margin-top:1em; } .join .item .jm{ padding:30px; border:1px solid #eee; display:none; } .join .item .jm .p1{ font-size:18px; font-weight:bold; color:#333; } .join .item .jm .p2{ font-size:16px; line-height:1.8; margin:1em 0; } .join .item .jm .p3{ text-align:right; margin-top:30px; } .join .item .jm .p3 a{ display:inline-block; padding:10px 30px; color:#fff; background:#1d499e; font-size:16px; } .join_more{ font-size:16px; line-height:2; padding:20px; border:1px solid #dadada; } .join_more a{ color:#1d499e; font-weight:bold; } .join_more a:hover{ text-decoration:underline; } .contact{} .contact .pc1{ font-size:42px; color:#000; text-align:center;} .contact .pc2{ margin-top: 10px; font-size: 16px; color:#999; text-align:center;} .contact>ul{ display:flex; justify-content:space-between; margin-top:60px;} .contact>ul li{ width:25%; text-align:center; padding:0 30px; border-right:1px solid #ddd;} .contact>ul li:last-child{ border:none;} .contact>ul li span{ color:#0a2b59; font-size:45px;} .contact>ul li .p1{ font-size:16px; color:#666; margin:20px 0;} .contact>ul li .p2{ font-size:16px; color:#000; line-height:1.6;} .contact2{ display:block; margin-top:60px;} .contact2 .contact_l{ width:100%;} .contact2 .contact_r{ width:100%; padding:50px; background:#f8f8f8; display:flex; align-items:center; margin-top:50px;} #feedback{ margin-bottom:50px; transform:translateY(-60px);} .contact_r .form-control{ background:#fff;border-radius:0;border:1px solid transparent;-webkit-box-shadow:none;box-shadow:none;color:#000;font-weight:400;font-size:16px;padding:14.5px 26px; width:48%; margin-right:4%; float:left; margin-bottom:20px;} .contact_r .form-control:nth-child(2n){ margin-right:0;} .contact_r .form-control:focus { border-color: #ebebeb;} .contact_r .form-control-text{ width:100%; height:160px;} .contact_r .btn-theme{background:#0a2b59;border-radius:2px;color:#fff;display:inline-block;transition:0.3s;-webkit-transition:0.3s;font-weight:500;font-size:17px;padding:15px 50px; cursor:pointer; border:none; margin-top:30px;} .contact_r .btn-theme:hover{ background:#000;} #baidu_dituContent { width: 100%; height: 400px; border: #ccc solid 1px; } .shadow img{ max-width:none;} .honor .imgbox{ display:flex; flex-wrap:wrap; margin-top:80px; column-gap:2%;} .honor .imgbox a{ width:23.5%; display:block; margin-bottom:2%; text-align:center; position:relative;} .honor .imgbox a img{ border:1px solid #ddd; height:450px; object-fit:contain; width:100%;} .honor .imgbox a p{ padding:20px 0; background:#f1f1f1; font-size:16px;} .honor .imgbox a:nth-child(3n){ margin-right:0;} .honor .imgbox a .cover { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #333; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .2s ease; transition: all .2s ease; display:none;} .honor .imgboxon a .cover{ display:block;} .honor .imgbox a:hover .cover { opacity: .6; filter: alpha(opacity=60); } .honor .imgbox a .ico01 { width: 68px; height: 68px; position: absolute; top: 50%; left: 50%; margin-top: -34px; margin-left: -94px; background: url(../images/i5.png) no-repeat center center; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .4s ease; transition: all .4s ease; display:none;} .honor .imgboxon a .ico01{ display:block;} .honor .imgbox a:hover .ico01 { margin-left: -34px; opacity: 1; filter: alpha(opacity=100);} .honor .imgbox a .ico02 { width: 68px; height: 68px; position: absolute; top: 50%; left: 50%; margin-top: -34px; margin-left: 64px; background: url(../images/i6.png) no-repeat center center; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .4s ease; transition: all .4s ease; display:none;} .honor .imgboxon a .ico02{ display:block;} .honor .imgbox a:hover .ico02 { margin-left: -34px; opacity: 1; filter: alpha(opacity=100);} .lg-backdrop{ background-color: rgba(0,0,0,0.5) !important;} .lg-toolbar .lg-icon{ color:#fff !important;} .lg-image{ height:750px !important; max-width:750px !important; object-fit:contain !important; } .honor2{ background: #f5f5f5; } .history{ background: #f5f5f5; } .historys1{ overflow:hidden; margin-top:60px; height:auto; position:relative; } .historys1:after{ content: ''; position: absolute; width: 100%; height: 1px; left: 0; bottom: 36px; background-color: #e5e5e5; } .historys1 .swiper-wrapper{ height:auto; } .historys1 .swiper-slide{ cursor: pointer; position: relative; width: 25%; font-size: 24px; text-align:center; padding-top:50px; padding-bottom:20px; } .historys1 p{ color: #cecece; width:100%; } .historys1 .sp{ width: 32px; height: 32px; display:block; margin:0 auto; z-index: 5; background: url(../images/ic_point.png) no-repeat center center; background-size: contain; } .historys1 .swiper-slide-thumb-active p{ color:#1d499e; transform: scale(1.5); transform-origin: center bottom; } .historys1 .swiper-slide-thumb-active .sp{ transform: scale(1.5); background: url(../images/ic_point_on.png) no-repeat center center; background-size: 60%; } .historysd{ padding:0 150px; position:relative; } .historys2{ margin-top:60px; overflow:hidden; } .historys2 .swiper-wrapper{ height:auto; } .historys2 .swiper-slide{ display:flex; } .historys2 .swiper-slide img{ width:50%; } .historys2 .swiper-slide .hs2t{ width:50%; padding:50px 50px 0; background:#fff url(../images/sx.png) no-repeat bottom 20px right 20px; background-size:60%; display:flex; flex-direction:column; } .historys2 .swiper-slide .hs2t .p1{ font-size:36px; font-weight:bold; color:#1d499e; position:relative; padding-bottom:20px; margin-bottom:20px; } .historys2 .swiper-slide .hs2t .p1:after{ content:""; position:absolute; bottom:0; left:0; width:60px; height:1px; background:#1d499e; } .historys2 .swiper-slide .hs2t .p2{ font-size:16px; } .hisl{ position:absolute; top:50%; left:0; font-size:60px; transform:translateY(-50%); color:#1d499e; cursor:pointer; transition:0.2s; outline:none; } .hisl:hover{ color:#333; } .hisr{ position:absolute; top:50%; right:0; font-size:60px; transform:translateY(-50%); color:#1d499e; cursor:pointer; transition:0.2s; outline:none; } .hisr:hover{ color:#333; } .download ul{ display: flex; flex-wrap: wrap; column-gap: 2%; } .download ul li{ width: 32%; display: flex; justify-content: space-between; padding: 20px; border: 2px solid #eee; box-sizing: border-box; margin-bottom: 2%; } .download ul li img{ max-width: 120px; width: 30%; display: block; } .download ul li div{ width: 65%; display: flex; flex-direction: column; justify-content: space-between; padding: 15px 0; box-sizing: border-box; } .download ul li div p.p1 { font-size: 18px; } .download ul li div p.p2{ font-size: 16px; color: #1d499e; } .download ul li div a { color: #1d499e; } .download ul li div a:hover{ text-decoration:underline; } .culture{ padding:100px 0; background:url(../images/culturebg.jpg) no-repeat center center; background-attachment:fixed; } .culture .ppt,.culture .ppte{ color:#fff; } .culture .ppte{ opacity:0.2; } .culture ul{ display:flex; flex-wrap:wrap; margin-top:100px; } .culture ul li{ width:calc(100% / 3); text-align:center; border: 1px solid rgba(255,255,255,.3); color:#fff; padding:50px 20px; } .culture ul li .p1{ font-size:54px; margin-bottom:10px; } .culture ul li .p2{ color: #fff; font-size: 35px; line-height: 1em; position:relative; padding-bottom:25px; margin-bottom:25px; } .culture ul li .p2:after{ content:""; width: 18px; height: 1px; background:#fff; position:absolute; left:50%; bottom:0; transform:translateX(-50%); } .culture ul li .p3{ color: #fff; font-size: 16px; line-height: 28px; min-height:2em; } .progress-list { width:50%; position:relative; margin-top: 100px; } .progress-list::after { content:''; display:block; position:absolute; width:1px; top:0; bottom:60px; border-right:1px dashed #c8e6ff; right:0; } .progress-list::before { content:''; display:block; position:absolute; width:30px; height:17px; background:url(../images/arr.png) no-repeat center 0; background-size:cover; top:-17px; right:-15px; } .progress-list li { width:100%; position:relative; margin-top:-50px; } .progress-list li:first-child{ margin-top:0; } .progress-list li::before,.progress-list li::after { content:''; position:absolute; border-radius:50%; top:50%; background:#1d499e; transition:all .3s ease-out; } .progress-list li::before { left:-16px; background:#c8e6ff; width:32px; height:32px; margin-top:-16px; transform:scale(.5); z-index:1; } .progress-list li::after { left:-8px; width:16px; height:16px; margin-top:-8px; -webkit-transform:scale(0); transform:scale(0); z-index:2; } .progress-list li:nth-child(2n)::before { left:auto; right:-16px; } .progress-list li:nth-child(2n)::after { left:auto; right:-8px; } .progress-list li:hover::before { transform:scale(1); } .progress-list li:hover::after { transform:scale(1); } .progress-list li:nth-child(2n+1) { margin-left:100%; } .progress-list li:nth-child(2n+1) dl { margin-left:60px; } .progress-list dl { margin-right:60px; border:1px solid #dadada; padding:30px 70px; position:relative; background:#fff; font-family:medium; } .progress-list dl::before,.progress-list dl::after { content:''; position:absolute; width:0; height:0; top:50%; right:-20px; } .progress-list dl::before { transform:translateY(-50%); border:10px solid; border-color:transparent transparent transparent #dadada; } .progress-list dl::after { border:9px solid; transform:translateY(-50%) translateX(-2px); border-color:transparent transparent transparent #fff; } .progress-list li:nth-child(2n+1) dl::before,.progress-list li:nth-child(2n+1) dl::after { right:auto; left:-20px; } .progress-list li:nth-child(2n+1) dl::before { border-color:transparent #dadada transparent transparent; } .progress-list li:nth-child(2n+1) dl::after { border-color:transparent #fff transparent transparent; transform:translateY(-50%) translateX(2px); } .progress-list li:hover dl { border-color:#1d499e; box-shadow:0 0 20px rgba(0,0,0,0.1); } .progress-list li:hover dl::before { border-left-color:#1d499e; } .progress-list li:nth-child(2n+1):hover dl::before { border-right-color:#1d499e; border-left-color:transparent; } .progress-list dt { font-size:32px; color:#1d499e; line-height:1; font-weight:bold; margin-bottom: 20px; } .progress-list dd { color:#666; font-size:16px; line-height:1.8; position:relative; } .progress-list dd::before { content:''; position:absolute; width:8px; height:8px; left:-28px; top:7px; background:#1d499e; border-radius:50%; } .progress-list dd+dd { margin-top:5px; } .talentm{ margin-top:100px; display:flex; padding:40px 60px; background:#f5f5f5; justify-content:space-between; } .talentm2{ margin-top:50px; } .tml{ width:calc(60% - 90px); display:flex; flex-direction:column; justify-content:center; } .tml .p1{ font-size:24px; font-weight:bold; color:#1d499e; margin-bottom:20px; } .tml .p2{ font-size:16px; line-height:2; } .tmr{ width:40%; } .tmr .swiper-button-next,.tmr .swiper-button-prev{ color:#fff; outline:none; opacity: 0; visibility: hidden; transition: 0.2s; } .tmr .swiper-button-next{ right:-50px; } .tmr .swiper-button-prev{ left:-50px; } .tmr:hover .swiper-button-next{ right:10px; opacity:1; visibility:visible; } .tmr:hover .swiper-button-prev{ left:10px; opacity:1; visibility:visible; } .tmr .swiper-button-next.swiper-button-disabled,.tmr .swiper-button-prev.swiper-button-disabled{ opacity:0.35; } .tmr img{ display:block; width:100%; height:100%; min-height:380px; object-fit:cover; } .top .mmenu { background: url(../images/mmenu.png) no-repeat center center; background-size: 50%; width: 60px; display: none; } .top.on .mmenu, .top:hover .mmenu { background: url(../images/mmenu2.png) no-repeat center center; background-size: 50%; } @media (max-width: 1600px) { .ind_part1{ padding: 65px 0 0 calc(140 / 1920 * 100vw); } .ipdl .p1 a{ font-size:24px; } .ipdl .p2 span{ font-size:16px; } .ipdr li .p1{ font-size:18px; } .ipdr li .p2{ font-size:16px; } .ip2d1{ padding: calc(90 / 1920 * 100vw) calc(140 / 1920 * 100vw); } .ip2d1 p{ font-size:18px; } .ip2d2{ padding: 80px calc(140 / 1920 * 100vw) 60px; } .ind_pro .swiper-slide .protit{ font-size:18px; } .ind_part3{ padding: calc(80 / 1920 * 100vw) calc(140 / 1920 * 100vw) calc(50 / 1920 * 100vw); } .ind_part4{ padding: calc(150 / 1920 * 100vw) calc(140 / 1920 * 100vw) calc(280 / 1920 * 100vw); } .ip4m .p1{ font-size:24px; } .ip4m .p2{ font-size:34px; } .ind_part5{ padding: calc(70 / 1920 * 100vw) calc(140 / 1920 * 100vw); } .ind_part5 .ip5d2 .item .newst .p2{ font-size:18px; } .ind_part6{ padding: 0 calc(140 / 1920 * 100vw); } .bottom{ padding: calc(60 / 1920 * 100vw) calc(140 / 1920 * 100vw); } .bottom .logob{ width:calc(150 / 1920 * 100vw); } .bottom ul p{ font-size:16px; } .bottom ul li{ font-size:14px; } .foot{ padding: calc(30 / 1920 * 100vw) calc(140 / 1920 * 100vw); } } @media (max-width: 1200px) { .top1,.top .top_nav,.search{ display:none; } .top .logo{ } .top .logo img{ height:30px; } .top2{ padding:0 20px; } .top .logo img.logo2{ } .top .mmenu{ display:block; } .bannerslide{ height:210px; } .bannerslide .bannerslide-button{ width:40px; height:40px; font-size:40px; line-height:40px; } .ind_part1{ padding:30px 20px; flex-wrap:wrap; } .ipdl{ width:100%; } .ipdl .p1 a{ font-size:20px; } .ipdl .p2 a{ font-size:24px; } .ipdr{ width:100%; } .ipdr li{ padding:10px; } .ipdr li .p1{ font-size:16px; } .ipdr li .p2{ font-size:13px; } .ip2d1{ padding:30px 20px; } .ip2d1 p{ max-width:none; font-size:16px; line-height:1.6; } .ip2d2{ padding:30px 20px; } .ip2d2 ul{ flex-wrap:wrap; column-gap:0; } .ip2d2 ul li{ width:50%; padding:0; margin-bottom:5%; } .ip2d2 ul li:nth-last-child(-n+2){ margin-bottom:0; } .ip2d2 ul li .p1{ margin-top:10px; } .ip2d2 ul li .p1 span{ font-size:inherit; } .ip2d2>img{ display:none; } .ind_part3{ padding:30px 20px; } .ind_part3 .ip3d1{ width:100%; } .ind_part3 .ip3d1 ul{ display:none; } .pt1{ font-size:24px; } .pt2{ font-size:20px; } .pt3{ font-size:16px; } .amore{ display:none; } .ip3d2{ overflow:hidden; } .ind_pro .swiper-slide .proi img{ height:200px; } .ind_pro .swiper-slide .protit{ font-size:16px; } .ind_part4{ padding:30px 20px; justify-content:flex-start; } .ip4m{ max-width:none; min-width:inherit; } .ip4m .p1{ font-size:20px; } .ip4m .p2{ font-size:24px; } .amore{ font-size:14px; padding:10px 30px; } .ind_part5{ padding:30px 20px; } .ind_part5 .ip5d2{ margin-top:20px; display:block; } .ind_part5 .ip5d2 .item{ width:100%; margin-bottom:20px; } .ind_part5 .ip5d2 .item .newsi img{ height:200px; } .ind_part5 .ip5d2 .item .newst .p1{ font-size:14px; } .ind_part5 .ip5d2 .item .newst .p2{ font-size:16px; } .ind_part5 .ip5d2 .item .newst .p3{ font-size:14px; } .ind_part6{ padding:0 20px 30px 20px; margin:0; display:block; } .ind_part6 .item{ width:100%; } .bottom{ padding:30px 20px; } .bottom .logob{ display:none; } .bottom>ul{ display:none; } .bottom>ul:last-child{ display:block; } .foot{ padding:20px; display:block; } .nbanner{ height:250px; background-attachment:inherit; background-size: cover !important; } .nbanner .p1{ font-size:30px; } .nbanner ul li{ font-size:18px; } .now .m>ul{ display:none; } .nowmenu{ line-height:50px; } .about{ padding:30px 0; } .ppt{ font-size:28px; } .ppte{ font-size:36px; } .about .aboutm{ margin-top:50px; flex-wrap:wrap; } .about .aboutm .abl{ width:100%; } .about .aboutm .abl .swiper-wrapper{ height:auto; } .about .aboutm .abl img{ height:220px; } .about .aboutm .abr{ width:100%; padding:30px 20px; } .about2{ padding:30px 0; } .aboutm2{ flex-wrap:wrap; } .aboutm2 .item{ width:100%; } .aboutm2 .item img{ height:220px; } .aboutm2 .item p{ padding:20px; } .culture{ padding:30px 0; } .culture ul{ margin-top:50px; } .culture ul li{ width:100%; padding:30px 20px; } .culture ul li .p1{ font-size:30px; } .culture ul li .p2{ font-size:24px; padding-bottom:15px; margin-bottom:15px; } .history{ padding:30px 0; } .progress-list{ width:100%; margin-top:50px; } .progress-list::before{ display:none; } .progress-list::after{ display:none; } .progress-list li{ margin-top:0; } .progress-list li:nth-child(2n+1){ margin-left:0; } .progress-list dl{ margin-right:0; padding:30px 20px; } .progress-list li:nth-child(2n+1) dl{ margin-left:0; } .progress-list li::before{ display:none; } .progress-list dl::before{ display:none; } .progress-list dl::after{ display:none; } .progress-list dd{ padding-left:15px; } .progress-list dd::before{ left:0; } .progress-list dt{ font-size:24px; margin-bottom:10px; } .honor{ padding:30px 0; } .honor .imgbox{ margin-top:50px; } .honor .imgbox a{ width:49%; } .honor .imgbox a img{ height:270px; } .product{ padding:30px 0; } .productl{ display:none; } .productr{ width:100%; column-gap:2%; } .productr .item{ width:100%; } .productr .item .proi img{ height:200px; } .productr .item .prot{ padding:10px; } .productr .item .protit{ font-size:16px; } .productitem{ padding:30px 0; } .nm .m2{ padding:30px 20px; } .npt{ font-size:20px; } .npt2{ margin-bottom:30px; } .prod h2{ font-size:20px; } .protable td{ padding:10px; } .protable tr td:first-child{ white-space:nowrap; } .u_np{ display:flex; justify-content:center; } .u_np li{ margin:0 5px; } .equipment .item{ width:100%; } .equipment .item img{ height:250px; } .ny_content{ overflow:hidden; } .news{ padding:30px 0; } .news .item{ width:100%; margin-bottom:20px; } .news .item .newsi img{ height:200px; } .news .item .newst .p1{ font-size:14px; } .news .item .newst .p2{ font-size:16px; } .news .item .newst .p3{ font-size:14px; } .ny_content2{ padding:0; } .download{ padding:30px 0; } .download ul li{ width:100%; } .download ul li div p.p1{ font-size:16px; } .joinus{ padding:30px 0; } .join .item .jt{ padding:30px 20px; } .join .item .jt .p2{ flex-wrap:wrap; } .join .item .jt .p2 span{ width:100%; } .join .item .jm{ padding:30px 20px; } .talent{ padding:30px 0; } .talentm{ margin-top:50px; flex-wrap:wrap; padding:30px 20px; } .tml{ width:100%; margin-bottom:20px; } .tmr{ width:100%; margin-bottom:20px; } .tml .p1{ font-size:18px; } .tml .p2{ line-height:1.6; } .tmr img{ min-height:inherit; height:250px; } .contact{ padding:30px 0; } .contact .pc1{ font-size:24px; } .contact>ul{ flex-wrap:wrap; margin-top:30px; } .contact>ul li{ width:50%; margin-bottom:20px; } .contact2{ margin-top:30px; } #baidu_dituContent{ height:250px; } .contact2 .contact_r{ margin-top:30px; padding:20px; } }