/*????????????*/ /*???????????????*/ .container-menu{width: 95%;margin: 0 auto;} .header-pc{position: fixed;z-index:10; background-repeat: no-repeat; background-position: top 63px left 48%; background-size: 74%;top: 0;left: 0;} .header-pc-hide{transform: translateY(-40px);-webkit-transform: translateY(-40px);opacity: 0;visibility: hidden} .header-pc-hide .l{transform: translateX(-50px);opacity: 0} .header-pc-hide .r{transform: translateX(50px);opacity: 0} .header-pc-hide .m{transform: translateY(50px);opacity: 0} .header-pc .l{float: left;width: 10%;min-width: 170px;background: none} .header-pc .l1{float: left;width:60%;min-width: 770px;background: none; margin-top:20px; margin-left:80px;} .header-pc .l img{margin-top: 23px;cursor: pointer} .header-pc .r{width: 18%;min-width:170px ;float: right;text-align: right;margin-top: 45px;background: none} .header-pc .r img{ margin-left:10px;} .header-pc .r span{display: inline-block;width: 37px;height: 37px;border-radius: 37px;margin-left: 13px;cursor: pointer;} .header-pc .r span:nth-child(1){background:#002f7c url("../images/s.png") center no-repeat;} .header-pc .r span:nth-child(2){background:#fff url("../images/add.png") center no-repeat;} .header-pc .r span:nth-child(3){;background: url("../images/menu.png") center no-repeat;} /*???*/ /*.header-pc .m{width: 80%;float: left;background: url("../images/h.png") center no-repeat;height: 5px;margin-top: 40px}*/ /*menu*/ header{width: 95%;height: 80px;background: #fff;left: 2.5%;position: fixed;z-index: 5;top: -80px;opacity: 0;border-radius: 5px;} .menu-show-pc{transform: translateY(110px);-webkit-transform: translateY(110px);opacity: 1} /**/ .menu-show-pc-main{width: 100%;left: 0;transform: translateY(80px);-webkit-transform: translateY(80px);border-radius: 0;opacity: 0; visibility: visible;box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3);border-bottom: 2px solid #002f7c} .menu-box{width: 96%;margin: 0 auto;height: 100%;position: relative} /*????????????menu???????????????*/ .show-meni-contro{position: fixed;left: 0%;top: 0;width: 80px;height: 80px;background: #002f7c;transition: 0.5s;-webkit-transition: 0.5s; z-index: 13;border-bottom-right-radius: 80px;opacity: 0;visibility: visible;cursor: pointer} /*.show-meni-contro .son{font-size: 15px;color: #fff;margin-left: 15px;margin-top: 13px;opacity: 0.8}*/ .show-meni-contro-hide{opacity: 0!important;} .show-meni-contro .son{width: 36px;height: 36px;margin-left: 11px;margin-top: 13px;opacity: 0.8} .show-meni-contro .son img{width: 36px;animation:run2 2.5s linear infinite;cursor: pointer;} @keyframes run2 { 0% { transform: scale(0.9); opacity: 0.95; } 50% { transform: scale(1); opacity: 0.7; } 100% { transform: scale(0.9); opacity: 0.95; } } .menu-logo{width: 10%;height: 64px;float: left;margin-top: 7px;background:url("../images/logo1.png") left center no-repeat; background-size: contain} .menu-con{width: 80%;height: 80px;float: right;background: rgba(0,0,0,0.0);} .menu-con li{width: 16.6%;float: left;height: 100%;box-sizing: border-box;} .menu-con li:hover .a{;color: #002f7c!important;} .menu-con li .a[data=xzl]{color: #002f7c!important;font-weight: bold} /*.menu-con li:nth-child(8) .a{text-align: right;}*/ .menu-con li .son{width: 100%;height: 100%;position: relative} .menu-con li .son .a{display: block;width: 100%;height: 100%;line-height: 80px;text-align: center;color: #333;font-size: 16px; transition: 0.3s;-webkit-transition: 0.3s;box-sizing: border-box;font-size: 18px;}' .menu-con li .son .a[data=xzl]{color: #002f7c;font-weight: bold} /*???????????????????????????*/ .menu-con li .son .xiala{position: absolute;left: 0px;width:100%;z-index: 10; box-sizing: border-box; top: 80px; opacity: 0; transition: 0.4s; -webkit-transition: 0.4s; transition-timing-function:ease; visibility: hidden; transform: translateY(20px); -webkit-transform: translateY(20px); box-shadow: 0px 0px 10px #333; } .menu-con li .son .xiala1{opacity: 1;transform: translateY(-0px);visibility: visible;} .menu-con li .son .xiala .s{width: 100%;height: 10px;} .menu-con li .son .xiala .line{width: 100%;height: 0;display: none;margin: 0 auto;background:#1b62d6} .menu-con li .son .xiala dl{width: 100%;background: #fff;} .menu-con li .son .xiala dt{width: 100%;margin: 0 auto;border-bottom: 1px solid #ddd;position: relative;} .menu-con li .son .xiala dt .a2{display: block;width: 100%;height: 100%;font-size: 14px;color: #666; text-align:center;/*background: url("../Image/m-jt1.png") right 15px center no-repeat;*/padding: 13px 0;text-align: left;text-indent: 15px} /*.menu-con li .son .xiala dt:nth-child(1) .a2{box-sizing: border-box;border-top: 1px solid #ddd;}*/ .menu-con li .son .xiala dt .a2:hover{color: #002f7c!important;} .menu-con li .son .xiala dt a[data=xzl]{color: #002f7c!important;} .menu-r{width: 10%;height: 100%;float: right;text-align: right;background: url("../images/rr.png") center no-repeat;} .menu-r a{display: inline-block;width: 50%;height: 100%;} .allmenu{width: 100%;height: 100%;position: fixed;z-index: 12;background: pink;left: 0;top: 0;overflow-y: scroll; background:rgba(0,0,0,0.4);background-size: cover;display: none} .allmenu-c{width: 100%;height: 100%;background: rgba(0,0,0,0);position: relative;} .allmenu-c-1{position: absolute;left: 0;top: 40px;z-index: 2;width: 100%;} .allmenu-c-1-l{float: left;} .allmenu-c-1-l img{display: block;} .allmenu-c-1-r{float: right;} .allmenu-c-1-r span{margin-top: 10px;display: inline-block;border: 1px solid #000;font-size: 28px;padding: 4px 20px;color: #000; font-family: ccc;letter-spacing: 1px;border-radius: 5px;font-weight: bold;cursor: pointer;} /*menu*/ .allmenu-c-2{position: absolute;left: 0;top: 0;z-index: 1;width: 100%;height: 100%;background: url("../images/wbg0.jpg") center no-repeat;background-size: cover} .allmenu-c-2 li{width: 20%;height: 100%;box-sizing: border-box;background: #fff;float: left; transition: 0.5s;-webkit-transition: 0.5s;display: none;} .allmenu-c-2 li:nth-child(n+2){border-left: 1px solid #eee} /*.allmenu-c-2 li:nth-child(1){background: rgba(0,0,0,0.3);}*/ .allmenu-c-2 li .m-top{margin-top: 30%} .allmenu-c-2 li .line{width: 1px;height: 50px;background: #fff;margin: 0 auto;opacity: 0;transition: 0.5s;-webkit-transition: 0.5s;} .allmenu-c-2 li .num{font-size: 82px;text-align: center;font-family: ccc;color: #ddd;padding-top:20%;padding-bottom: 4%; transition: 0.5s;-webkit-transition: 0.5s;} .allmenu-c-2 li .small-t{text-align: center;color: #fff;font-size: 15px;font-family: bbb;padding-bottom: 2%;opacity: 0; transition: 0.5s;-webkit-transition: 0.5s;} .allmenu-c-2 li .big-t{text-align: center;color: #333;font-size: 24px;padding-bottom: 7%; transition: 0.5s;-webkit-transition: 0.5s;} .allmenu-c-2 li dl{transition: 0.5s;-webkit-transition: 0.5s;} .allmenu-c-2 li dl dt a{display: block;text-align: center;padding: 1.5% 0;color: #666;font-size: 15px;} .allmenu-c-2 li dl dt a[data=xzl]{color: #002f7c;font-weight: bold;} .allmenu-c-2 li dl dt a:hover{color: #002f7c;} .allmenu-c-2 li:hover{background: rgba(0,0,0,0.3);} .allmenu-c-2 li:hover .line{opacity: 1;} .allmenu-c-2 li:hover .num{transform: translateY(-35px);-webkit-transform: translateY(-35px);color: #fff;} .allmenu-c-2 li:hover .small-t{transform: translateY(-30px);-webkit-transform: translateY(-30px);opacity: 1} .allmenu-c-2 li:hover .big-t{transform: translateY(-30px);-webkit-transform: translateY(-30px);color: #eee;} .allmenu-c-2 li:hover dl{transform: translateY(-30px);-webkit-transform: translateY(-30px);} .allmenu-c-2 li:hover dl a{color: #fff} .searchus_result{padding:10px 0;} .searchus_result li{border-bottom:1px dashed #CCCCCC;padding:15px 0; color:#666; font-size:14px;} .searchus_result li a{color:#002f7c;font-size:16px;font-weight:bold;} /******************************************????????????**************************/ /*????????????*/ .header-m-s{display: none;height:80px;position: fixed;top: 0px;z-index: 10;background:rgba(0,0,0,0.5);} .header-m-s-b{background: #fff;box-shadow: 0 2px 8px rgba(0,0,0,0.3);} .header-m-s .container{position: relative;height: 100%} .logo-m{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 1} .logo-m-c{height: 75%;margin: 0 auto;} .logo-menu-tip{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 2;} .logo-menu-tips{width: 50px;height: 100%;float: right;background: url("../images/menu.png") center no-repeat; background-size: 26px} .logo-menu-tips-s{width: 50px;height: 100%;float: right;background: url("../images/close.png") center no-repeat!important; background-size:25px!important;} /*???????????????*/ .sea-menu-tips{width: 50px;height: 100%;float: left;background: url("../images/m-s.png") center no-repeat; background-size: 26px} .sea-menu-tips-s{width: 50px;height: 100%;float: left;background: url("../images/m-s1.png") center no-repeat; background-size: 26px} /**/ .header-m-s-b .logo-menu-tips{background: url("../images/menu-1.png") center no-repeat; background-size: 26px} .header-m-s-b .sea-menu-tips{background: url("../images/m-s1.png") center no-repeat; background-size: 26px} /*???????????????*/ .hide-menu{width: 250px;height: 100%;position: fixed;background: #fff;right: -250px;opacity: 1;top: 80px;z-index: 99; overflow-y: scroll} .hide-menu li{width: 90%;margin: 0 auto;padding: 20px 0;border-bottom: 1px solid #eee} /*.hide-menu li:nth-child(3),.hide-menu li:nth-child(4){padding: 20px 0 0 0}*/ .hide-menu li .l{width: 80%;float: left;} .hide-menu li .r{width: 20%;float: right;height: 20px;background: url("../images/jia.png") center no-repeat; background-size: 12px} .hide-menu li .l .a{display: block;text-indent: 24px;color: #333;font-size: 16px; background: url("../images/huan.png")left 8px center no-repeat;} .hide-menu li .l .a#xzl{display: block;text-indent: 24px;color: #002f7c ;font-size: 16px; background: url("../images/huan1.png")left 8px center no-repeat;} .hide-menu li dl dt .a2{display: block;font-size: 14px;color: #666;padding: 8px 0 8px 38px; background: url("../images/line.png") left 8px center no-repeat;background-size: 22px} .hide-menu li dl dt.xz .a2{color: #002f7c} .hide-menu li dl{padding: 10px 0;display: none} .hide-menu li .r.bi{background: url("../images/jia1.png") center no-repeat;background-size: 12px} .hide-menus{transform: translateX(-250px);-webkit-transform: translateX(-250px);opacity: 1;box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);} /**************************************************b*****************anner*************/ /*??????banner*/ .banner-pc{position: relative;} .banner-nei{position: absolute;bottom: 50px;left: 0;z-index: 2;} .swiper-paginationba{float: right;position: relative;} .swiper-paginationba .swiper-pagination-bullet{width: 11px;height: 11px;border-radius: 100%;border: 1px solid #fff; background: none;margin-left: 8px} .swiper-paginationba .swiper-pagination-bullet-active{background: url("../images/bad.png") center no-repeat; background-size: 78%} .mainbox-icon{position: absolute;bottom: 40px;left: 0;z-index: 3;} #ba-icon{text-align: center} #ba-icon img{animation:run1 2s linear infinite;cursor: pointer;} @keyframes run1 { 0% { transform: translateY(-3px); opacity: 0.8; } 50% { transform: translateY(3px); opacity: 0.5; } 100% { transform: translateY(-3px); opacity: 0.8; } } /**********************????????????*************/ .iab-pc{height: auto;} /*??????*/ .iab-pc-l{width: 39.5%;float: left;height: 39.5vw;position: relative;z-index: 3;margin-left: 2.5%} .iab-pc-l-l{width: 32%;float: left;height: 100%;/*background: url("../images/abfont.png") center no-repeat;*/ background-size: 100%} .iab-pc-l-l img{display: block;width: 100%;margin-top: 45%} .iab-pc-l-r{width: 58%;float: left;margin-left: 5%} .iab-pc-l-r-con{padding-left: 40px;background: url("../images/i.png") left top 20px no-repeat;margin-top: 22%;position: relative;} .iab-pc-l-r-con .p1{font-size: 40px;color: #2b2b2b;font-weight: bold} .iab-pc-l-r-con .p2{margin-top: 15%;font-size: 16px;color: #6d6d6d;font-weight: lighter;line-height: 1.8} /**/ .iab-pc-l-r-con .more{margin-top: 10%;display: block;width: 40px;height: 40px;background: #002f7c url("../images/jt2.png") center right 12.5px no-repeat;border-radius: 40px;} .iab-pc-l-r-con .more span{opacity: 0;display: block;width: 100px;line-height: 40px;color: #fff;font-size: 16px;font-weight: lighter;margin-left: 10px;text-indent: 20px; transform: translateX(-20px);-webkit-transform: translateX(-20px)} .iab-pc-l-r-con .more:hover{background: #002f7c url("../images/jt1.png") center right 20px no-repeat;width: 150px} .iab-pc-l-r-con .more:hover span{opacity: 1;transform: translateX(0px);-webkit-transform: translateX(0px)} .iab-pc-l-r-con-ab{width: 150%;padding: 8%;background: #2596ff;margin-top: 20%; background-size: contain;} .iab-pc-l-r-con-ab-l{float: left;color: #fff;font-size: 32px;font-weight: bold;width: 30%} .iab-pc-l-r-con-ab-r{float: right;color: #fff;font-size: 16px;font-weight: lighter;width: 65%;margin-top: 4%;line-height: 2.0;opacity: 0.8} .iab-pc-l-r-con-ab a{display: block;width: 100%;text-align: right;color: #fff;font-size: 16px;font-weight: lighter;margin-top: 15%} /*??????*/ .iab-pc-r{width: 58%;float: right;height: 48vw;background: url("../images/abrbg.jpg") center no-repeat;background-size: cover;position: relative;z-index: 2} .iab-pc-r .p1{font-size: 16px;color: #fff;text-align: right;margin-right: 5%;margin-top: 40px} .ifour{width: 68%;height:75%;background: rgba(0,0,0,0)} .ifour li{width: 50%;height: 50%;float: left} .ifour li .p-num{font-size: 70px;font-weight: bold;color: #fff;text-align: center;font-family: bbb;font-style:oblique;margin-top: 80px} .ifour li .p-num span{font-size: 30px;position: relative;font-style: normal;top: 0px;} .ifour li .t{font-size:18px;color: #fff;font-weight: lighter;text-align: center;margin-top: 20px;font-weight: lighter;} /*************************************????????????************************/ .izhu{padding: 1.5vw 0 3.5vw;background: url("../images/wbg0.jpg") center no-repeat;background-size: cover!important;position: relative} .izhu-c{height: 35vw;position: relative} /*?????????*/ .izhuf1{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0);z-index: 2} .izhuf1-c{width: 74%;height: 100%;margin: 0 auto;} .izhuf1-c li{width: 24.9%;height: 49.9%;float: left;box-sizing: border-box;border-top: 1px solid rgba(255,255,255,0.3); border-left: 1px solid rgba(255,255,255,0.3);overflow: hidden;position: relative;cursor: pointer;background-size: 45%!important; ;background-position: center} .izhuf1-c li:nth-child(3n){border-right: 1px solid rgba(255,255,255,0.3);} .izhuf1-c li:nth-child(n+4){border-bottom: 1px solid rgba(255,255,255,0.3);} .izhuf1-c li .f1{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 1;font-size: 20px;font-weight: lighter;color: #fff;opacity: 1} .izhuf1-c li .f2{position: absolute;width: 100%;height: 100%;z-index: 2;left: 0;transform: translateX(10%);top: 0;opacity: 0;} .izhuf1-c li:hover .f2{transform: translateX(0);opacity: 1} .izhuf1-c li:hover .f1{;opacity: 0.1} /**/ .izhuf1-c li:nth-child(1):hover{background: rgba(25,96,228,0.9) url("../images/wbg4-4.png") center no-repeat;opacity: 0.9;} .izhuf1-c li:nth-child(2):hover{background: rgba(25,96,228,0.9) url("../images/wbg4-41.png") center no-repeat;opacity: 0.9;} .izhuf1-c li:nth-child(3):hover{background: rgba(25,96,228,0.9) url("../images/wbg4-42.png") center no-repeat;opacity: 0.9;} .izhuf1-c li:nth-child(4):hover{background: rgba(25,96,228,0.9) url("../images/wbg4-43.png") center no-repeat;opacity: 0.9;} .izhuf1-c li:nth-child(5):hover{background: rgba(25,96,228,0.9) url("../images/wbg4-4.png") center no-repeat;opacity: 0.9;} .izhuf1-c li:nth-child(6):hover{background: rgba(25,96,228,0.9) url("../images/wbg4-41.png") center no-repeat;opacity: 0.9;} .izhuf1-c li:nth-child(7):hover{background: rgba(25,96,228,0.9) url("../images/wbg4-42.png") center no-repeat;opacity: 0.9;} .izhuf1-c li:nth-child(8):hover{background: rgba(25,96,228,0.9) url("../images/wbg4-43.png") center no-repeat;opacity: 0.9;} /*?????????*/ .izhuf2{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0);z-index: 1;} .izhuf2-c{float: right;margin-right: 5.0%} .izhuf2-c1{float: right;background:url("../images/zhurbg.png") center top no-repeat;text-align: center; font-size: 45px;color: #fff;font-weight: bold;padding-top: 45px;margin-left: 20px} .izhuf2-c_1{float: left;margin-left: 5.0%} .izhuf2-c_1_1{float: left;background:url("../images/zhurbg.png") center top no-repeat;text-align: center; font-size: 45px;color: #fff;font-weight: bold;padding-top: 45px;margin-left: 20px} .izhuf2-c2{float: right;font-size: 16px;font-weight: lighter;color: #0341a6;} .izhuf2-c3{margin-left:10px} /*???????????????????????????*/ /***********************??????-????????????*************/ .ivid{padding: 3vw 0;background: url("../images/wbg011.jpg") center no-repeat #002f7c;} /*??????*/ .ividl{width: 75%;height: 45vw;float: left;background: #ddd;position: relative;overflow: hidden} .ividl-ys{position: absolute;right: 2vw;top: 20px;color: #fff;font-weight: bold;font-size: 18px;z-index: 1} .ividl-zx{position: absolute;bottom: 20px;left: 20px;color: #fff;font-size: 20px;z-index: 1;font-weight: lighter;display: none} .ividl:hover .ividl-zx {opacity: 0;visibility: hidden} /*??????*/ .ividr{float: left;width: 22%;position: relative} .ividr .i1{margin-top: 5%} .ividr .i1 img{width: 13vw;max-width: 215px} .ividr .more{display: block;width: 160px;height: 48px;background: #002f7c;position: relative;left: -110px;margin-top: 20%} .ividr .more .ml{width: 110px;height: 100%;float: left;font-size: 18px;font-weight: bold;color: #fff} .ividr .more .mr{width: 50px;height: 100%;float: right;background:#fff url("../images/vjt.png") center no-repeat;} .ividr .p1{font-size: 28px;font-weight: bold;color: #fff;padding-top: 30px;background: url("../images/tt.png") top right no-repeat;text-align: right; margin-top: 20%} .ividr .i2{margin-top: 25%} .ividr .i2 img{float: right;display: block;width: 35vw} .ividr .more1{display: block;width: 100%;text-align: right;color: #fff;font-weight: lighter;font-size: 16px;margin-top: 10%} /****************************************????????????**************************/ .icase{padding: 0px 0;background: #fff;} .icase-mc{width: 100%;} /*??????*/ .casesl{width: 14%;height:46vw;margin-left: 2.5%;float: left;background: #fff url("../images/yy1.png") left center no-repeat;background-size: contain;position: relative;z-index: 2;} .case-t{color: #333;font-size: 40px;font-weight: bold;background: url("../images/tt.png") left center no-repeat;text-indent: 40px; margin-top: 25%;margin-bottom: 20%} .casesli li{padding: 10% 0;width: 100%} .casesli li a{position: relative;display: block;width: 100%;height: 25px;/*background:url("../Image/heil1.png") center no-repeat;*/opacity: 1} .casesli li a .linea{position: absolute;left: 0;top: 0;background: url("../images/redl.jpg") left center no-repeat;height: 100%;width: 100%;z-index: 1;opacity: 0} .casesli li a .title{position: absolute;left: 0;top: 0;height: 100%;width: 100%;z-index: 2;line-height: 25px;font-size: 18px;color: #333;opacity: 0.9} .casesli li a:hover{transform: translateX(20px);-webkit-transform: translateX(20px);opacity: 1} .casesli li a:hover .title{font-weight: bold;text-indent: 20px;opacity: 1} .casesli li a:hover .linea{opacity: 1} .casesli li a[data=xz]{transform: translateX(20px);-webkit-transform: translateX(20px);opacity: 1} .casesli li a[data=xz] .title{font-weight: bold;text-indent: 8px;opacity: 1} .casesli li a[data=xz] .linea{opacity: 1} /**/ .casesl .more{margin-top: 25%;display: block;width: 40px;height: 40px;background: url("../images/jt2.png") center right 12.5px no-repeat;border-radius: 40px; box-sizing: border-box;border:1px solid #ddd; background-color:#002f7c;} .casesl .more span{opacity: 0;display: block;width: 100px;line-height: 40px;color: #fff;font-size: 16px;font-weight: lighter;margin-left: 10px;text-indent: 20px; transform: translateX(-20px);-webkit-transform: translateX(-20px)} .casesl .more:hover{background:#002f7c url("../images/jt1.png") center right 20px no-repeat;width: 150px;border:none} .casesl .more:hover span{opacity: 1;transform: translateX(0px);-webkit-transform: translateX(0px)} /*??????*/ .casesr{width: 82%;float: right;} /**/ .casesr ul{width: 100%;display: none} .casesr ul li{width: 32%;float: left;height: 23vw;margin-left: 1%;margin-top:1%;background: #fff;} .casesr ul li:nth-child(n+3){margin-top: 1%;} .casesr ul li:nth-child(2n){margin-right: 0%;} .casesr ul li a{display: block;width: 100%;height: 100%;position: relative;overflow: hidden;} .casesr ul li a .f1{position: absolute;width: 100%;height: 100%;z-index: 1;} .casesr ul li a .f2{position: absolute;width: 100%;height: 100%;z-index: 2;background: rgba(0,0,0,0.45);opacity: 0} .casesr ul li a .f3{position: absolute;width: 100%;height: 100%;z-index: 3;} .casesr ul li a .f3 .f3-c{width: 90%;margin: 0 auto;} .casesr ul li a .f3 .f3-c .p1{text-align: center;color: #fff;font-size: 24px;font-weight: bold;margin-top: 20%; position: relative;top: 30px;transition-delay: 0.1s;opacity: 0} .casesr ul li a .f3 .f3-c .p2{width: 29px;height: 17px;margin: 0 auto;background: url("../images/tt1.png") center no-repeat;padding: 5% 0; position: relative;top: 40px;transition-delay: 0.15s;opacity: 0} .casesr ul li a .f3 .f3-c .p3{font-size: 16px;text-align: center;font-weight: lighter;color: #fff; position: relative;top: 50px;transition-delay: 0.18s;opacity: 0} /*hover*/ .casesr ul li a:hover .f1 img{transform: scale(1.05);-webkit-transform: scale(1.05;)} .casesr ul li a:hover .f2{opacity: 1} .casesr ul li a:hover .f3 .f3-c .p1{transform: translateY(-30px);-webkit-transform: translateY(-30px);opacity: 1;} .casesr ul li a:hover .f3 .f3-c .p2{transform: translateY(-45px);-webkit-transform: translateY(-45px);opacity: 1;} .casesr ul li a:hover .f3 .f3-c .p3{transform: translateY(-65px);-webkit-transform: translateY(-65px);opacity: 1;} /*******************************????????????*************************/ .inews{padding: 4vw 0;background: #f3f0f0} .inewtopl{float: left;text-indent: 40px;font-size: 40px;color: #000;text-indent: 40px;background: url("../images/i.png") left center no-repeat;font-weight: bold;} .inewtopr{float: left;} .inewtopr a{float: left;width: 210px;height: 58px;margin-left: 10px;background: #ddd;background-position: center;text-align: center;line-height: 58px; font-size: 18px;color: #2c2c2c;} .inewtopr a:hover{background:#002f7c url("../images/redl2.png") center no-repeat;color: #fff;font-weight: bold;} .inewtopr a[data=xzl]{background:#002f7c url("../images/redl2.png") center no-repeat;color: #fff;font-weight: bold;} /*??????????????????*/ .news-2{margin-top: 4%} .news-2 li{width: 49%;height: 13vw;float: left;margin-right: 2%;} .news-2 li:nth-child(2n){margin-right: 0} .news-2 li:nth-child(n+3){display: none} .news-2 li a{display: block;width: 100%;height: 100%;} .news-2 li a .l{width: 30%;float: left;height: 100%;overflow: hidden} .news-2 li a .r{width: 70%;height:100%;float: right;background: #fff;} .news-2 li a .r .son{width: 85%;margin: 0 auto;} .news-2 li a .r .son .p1{color: #1d1d1d;font-size: 26px;margin-top: 4%;background-position: left center;width: 90%} .news-2 li a .r .son .p2{color: #737373;font-size: 16px;font-weight: lighter;margin-top: 4.5%;line-height: 1.8;} .news-2 li a .r .son .p3{margin-top: 4.5%;} .news-2 li a .r .son .p3-1{height: 30px;line-height: 30px;float: left;color: #111111;font-size: 24px;font-weight: lighter;background: url("../images/time.png") left center no-repeat;text-indent: 25px;} .news-2 li a .r .son .p3-2{height: 30px;width: 30px;background: url("../images/jia01.png") center no-repeat;float: right} .news-2 li a:hover .r{background: #002f7c} .news-2 li a:hover .r .p1,.news-2 li a:hover .r .p2,.news-2 li a:hover .r .p3-1{color: #fff} .news-2 li a:hover .r .p1{opacity: 0.9;transform: translateX(5px);-webkit-transform: translateX(5px);background: url("../images/ll.jpg") left center no-repeat;text-indent: 35px; background-size: 25px 1px} .news-2 li a:hover .r .p3-1{background: url("../images/time1.png") left center no-repeat;} .news-2 li a:hover .r .p3-2{background: url("../images/jia2.png") center no-repeat;transform: rotate(90deg);-webkit-transform: rotate(90deg)} .news-2 li a:hover .r .p2{opacity: 0.8;transform: translateX(0px)} /*????????????*/ .news-3{margin-top: 3%} .news-3 li{width: 32%;height: auto;float: left;margin-right: 2%;} .news-3 li:nth-child(3n){margin-right: 0} .news-3 li a{display: block;width: 100%;height: 100%;background: #fff;padding: 1.5vw 0} .news-3 li a .son{width: 90%;margin: 0 auto;} .news-3 li a .son .p1{color: #1d1d1d;font-size: 26px;background-position: left center;width: 90%} .news-3 li a .son .p2{color: #737373;font-size: 16px;font-weight: lighter;margin-top: 5.5%;line-height: 1.8;} .news-3 li a .son .p3{margin-top: 10%;} .news-3 li a .son .p3-1{height: 30px;line-height: 30px;float: left;color: #111111;font-size: 24px;font-weight: lighter;background: url("../images/time.png") left center no-repeat;text-indent: 25px;} .news-3 li a .son .p3-2{height: 30px;width: 30px;background: url("../images/jia01.png") center no-repeat;float: right} /*hover*/ .news-3 li a:hover {background: #002f7c} .news-3 li a:hover .p1,.news-3 li a:hover .p2,.news-3 li a:hover .p3-1{color: #fff} .news-3 li a:hover .p1{opacity: 0.9;transform: translateX(5px);-webkit-transform: translateX(5px);background: url("../images/ll.jpg") left center no-repeat;text-indent: 35px; background-size: 25px 1px} .news-3 li a:hover .p3-1{background: url("../images/time1.png") left center no-repeat;} .news-3 li a:hover .p3-2{background: url("../images/jia2.png") center no-repeat;transform: rotate(90deg);-webkit-transform: rotate(90deg)} .news-3 li a:hover .p2{opacity: 0.8;transform: translateX(0px)} /********************************************????????????*************************************/ .footer{padding:4vw 0 3vw 0;background: #121212;} .footerl{float: left;width: 79%} .footerl .floor{float: left;width: 12%} .footerl .floor:nth-child(n+2){margin-left:2.0% } .footerl .floor .title{font-size: 18px;color: #fff;margin-bottom: 20%;font-weight: bold;} .footerl .floor ul li{padding: 6% 0} .footerl .floor ul li a{display: block;font-size: 14px;color: #b6b6b6;} /**/ .footerr{width: 18%;float: right} .footerr .p1{font-size: 24px;color: #fff;text-align: right} .footerr .p2{width: 200px;float: right;text-align: center;margin-top: 5%} .footerr .p2 img{width: 120px} .footerr .p2 .p3{font-size: 14px;text-align: center;color: #939393;margin-top: 8px} .beian{font-size: 16px;font-weight: lighter;color: #939393;margin-top: 3%} .beian a{font-size: 16px;font-weight: lighter;color: #939393;display: inline-block;margin-left: 5px} /*??????*/ .footer{;background: #4b4b4b;} /*.footer-m{background: url("../images/mobg.png") top center no-repeat;background-size: contain}*/ .footer-m{display: none} .footer-m li{font-size: 16px;color: #999;padding: 7px 0;} .footer-m li a{font-size: 16px;color: #999} /*??????????????????*/ /*??????footer*/ /*??????*/ .footer-bot{height:60px;position: fixed;bottom: 0;left: 0;z-index: 100;display: none} .footer-bot {height: 60px;width: 100%;} .footer-bot li{width: 21%;height: 100%;float:left;list-style: none;} .footer-bot li{box-sizing: border-box;border-right: 1px solid #444;} .footer-bot li:nth-child(4){border-right: none;} .footer-bot li a{display: block;width: 100%;height: 100%;line-height: 95px;font-size: 14px;color: #fff;text-align: center;} .footer-bot li:nth-child(1) a{background: #121212 url("../images/fot1.png") center top 6px no-repeat;background-size:28px} .footer-bot li:nth-child(2) a{background: #121212 url("../images/fot2.png") center top 6px no-repeat;background-size: 28px} .footer-bot li:nth-child(3) a{background: #121212 url("../images/fot3.png") center top 6px no-repeat;background-size: 28px} .footer-bot li:nth-child(4){width: 37%;} .footer-bot li:nth-child(4) a{background: #002f7c url("../images/bot4.png") center top 6px no-repeat;background-size: 28px} /*?????????*/ .cebian{position: fixed;width: 90px;height: 500px;right: 0;top: 30%;background: pink;z-index: 100} .cebian li{width: 100%;height: 90px;} /*????????????*/ .yb_top1{position: fixed;width: 50px;height: 50px;background: #002f7c url("../images/top.png") center no-repeat; bottom: 50px;right: -50px;z-index: 100;background-size: 30px;cursor: pointer;border-radius: 50px;opacity: 0;visibility: hidden} .gotop{transform: translateX(-50px);-webkit-transform: translateX(-100px);opacity: 1;visibility: visible} .yb_top1:hover{background: #002f7c url("../images/top.png") center no-repeat;background-size: 30px;} /*????????????*/ .allform{position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,0.7);z-index: 11;left: 0;top: 0; visibility: hidden;opacity: 0} #allform{width: 60%;height: 80px;background: #fff;position: relative;} #allform input{outline: none;box-sizing: border-box;width: 100%;z-index: 1;border: 1px solid #002f7c;box-sizing: border-box; display: block;text-indent: 20px;font-size: 16px;height: 100%;left: 0;top: 0;} #allform button{position: absolute;display: block;width: 120px;height: 100%;background: #002f7c url("../images/s2.png") center no-repeat; z-index: 1;right: 0;top: 0;background-size: 40%} #allform input:focus{border: 1px solid #002f7c;box-shadow: 0px 2px 4px rgba(0,0,0,0.3);background: #fff;color: #002f7c} #allform:hover input{border: 1px solid #002f7c;box-shadow: 0px 2px 4px rgba(0,0,0,0.3);background: #fff;color: #002f7c} .souline{width: 100%;height: 1px;margin: 50px 0;box-shadow: 0px 1px 2px rgba(0,0,0,0.3);} #allform .fclose{position: absolute;left: 0;top: -25px;height: 25px;width: 60px;background: #002f7c;text-align: center;line-height: 25px; font-size: 14px;color: #fff;cursor: pointer;} /*************************************************/ /*************************************************/ /*??????*/ /*************************************************/ /*************************************************/ /*?????????banner*/ .sb-main{overflow: hidden;height:580px;} .sb-main .sb1{font-size: 70px;color: #fff;margin-top: 13%;font-family: bbb} .sb-main .sb2{font-size: 26px;color: #fff;margin-top: 2%;} .sb-main-com{background: url("../images/sb-com.jpg") center no-repeat;} .sb-main-news{background: url("../images/sb-com.jpg") center no-repeat;} .sb-main-cases{background: url("../images/sb-com.jpg") center no-repeat;} .sb-main-lian{background: url("../images/sb-com.jpg") center no-repeat;} .sb-main-pro{background: url("../images/sb-com.jpg") center no-repeat;} /*??????????????????*/ .mian-main{padding: 0vw 0 4vw 0;background: #fff} /*??????*/ .bread-con{padding: 1.5vw 0} .bread-con-l{width: 26px;height: 26px;border-radius: 26px;background:#002f7c url("../images/home.png") center no-repeat; background-size: 16px;float: left} .bread-con-r{float: left;height: 26px;text-indent: 10px;font-size: 14px;line-height: 26px;color: #666} /*************************************************/ /*************************************************/ /************************????????????**********************/ .main-com-f1{padding-top: 4vw;background:#f5f5f5 url("../images/com-f1-1bg.png") bottom center no-repeat;padding-bottom: 50px;background-size: contain;} .main-com-f1-l{width: 63%;float: left;} .main-com-f1-l li{width: 32%;margin-right: 2%;float: left;background: #fff;transition: 0.5s;-webkit-transform: 0.5s;cursor: pointer;} .main-com-f1-l li:nth-child(3n){margin-right: 0;} .main-com-f1-l li:nth-child(n+4){margin-top: 3%;} .main-com-f1-l li .son{width: 95%;padding: 2% 2.5%;background: #fff} .main-com-f1-l li .t{margin-top: 48%;} .main-com-f1-l li .t p{font-size: 22px;color: #2b2b2b;line-height: 1.8;transition: 0.3s;-webkit-transition: 0.3s;} .main-com-f1-l li:nth-child(1) .son{} .main-com-f1-l li .son img{ width:100%; height:100%;} .main-com-f1-l li:nth-child(2) .son{background-image: url("../images/com-f1-2.png");} .main-com-f1-l li:nth-child(3) .son{background-image: url("../images/com-f1-1.png");} .main-com-f1-l li:nth-child(4) .son{background-image: url("../images/com-f1-4.png");} .main-com-f1-l li:nth-child(5) .son{background-image: url("../images/com-f1-5.png");} .main-com-f1-l li:nth-child(6) .son{background-image: url("../images/com-f1-6.png");} .main-com-f1-l li .son{background-position: left 10% top 18%!important;background-repeat: no-repeat;} .main-com-f1-l li:hover{box-shadow: 0 3px 12px rgba(0,0,0,0.3);transform: translateY(-5px);-webkit-transform: translateY(-5px)} .main-com-f1-l li:hover .t p{color: #002f7c} /**/ .main-com-f1-r{width: 30%;float: right;} .main-com-f1-r .p1{font-size: 16px;color: #2b2b2b;text-align: left} .main-com-f1-r .p2{text-align: left;font-weight: bold;font-size: 40px;color: #2b2b2b;line-height: 1.6; padding: 10% 0} .main-com-f1-r .p3{font-weight: lighter;font-size: 16px;line-height: 1.8;color: #6d6d6d;text-align: left} .main-com-f1-r .p4{margin-top: 20%;text-align: left} .main-com-f1-r .p4 a{font-size: 18px;color: #2b2b2b;} .main-com-f1-r .p4 a:hover{color: #002f7c} .main-com-f1 .t1{color: #fff;font-size: 16px;padding-top: 5%;padding-bottom: 3%;} /*?????????--?????????*/ .shijian{padding: 6vw 0;background: url("../images/timebg.jpg") center no-repeat;background-size: cover} .shijian .title{color: #fff;font-size: 40px;font-weight: bold;text-align: center;background: url("../images/t22.png") center no-repeat;} .shijian .t2{color: #6d6d6d;font-size: 16px;text-align: center;margin-top: 15px} /**/ .shi-con{width: 100%;padding-top: 5%;position: relative;} .shi-c{width: 90%;margin: 0 auto;} .shi-sw .swiper-slide{cursor: pointer} .shi-sw .swiper-slide:nth-child(2n){} .shi-sw .shi1{font-size: 24px;color: #fff;text-align: center;font-family: bbb;height: 50px;line-height: 50px; background: url("../images/lcbg.png") bottom center no-repeat;background-size: 10% 3px;padding-bottom: 10px} .shi-sw .shi2{margin-top: 10%;width: 100%;height: 25px;background: url("../images/tl.png") center repeat-x;position: relative;} .shi-sw .shi2 .a{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;background: url("../images/tl1.png") center no-repeat;} .shi-sw .shi2 .b{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;background: url("../images/tl2.png") center no-repeat;opacity: 0} .shi-sw .shi3{text-align: center;width: 80%;margin-left: 10%;margin-top: 10%;color: #fff;font-size: 15px;opacity: 0.9;line-height: 1.8;font-weight: lighter} .swiper-button-prevshi{width: 35px!important;height: 35px!important;border-radius: 50%;border: 1px solid #fff; background: url("../images/ship.png") center no-repeat!important;top: 59%;opacity: 0.8} .swiper-button-nextshi{width: 35px!important;height: 35px!important;border-radius: 50%;border: 1px solid #fff; background: url("../images/shir.png") center no-repeat!important;top: 57%;opacity: 0.8} .shi-sw .swiper-slide:hover .shi2 .b{opacity: 1} .shi-sw .swiper-slide:hover .shi3{opacity: 1} .shi-sw .swiper-slide:hover .shi1{font-weight: bold;font-size: 26px} /*???????????????????????????*/ .about{padding: 4vw 0;background: #f3f0f0} .about .t1{color: #333;font-size: 40px;font-weight: bold;text-align: center;background: url("../images/t22.png") center no-repeat;} .about .t2{color: #444;font-size: 16px;text-align: center;margin-top: 15px} .about-con{margin-top: 2%} .about-con p{color: #444;line-height: 1.6;margin: 1% 0} /***?????????--????????????***/ .wenhua{padding: 4vw 0 6.5vw 0;background: #eee;} .shijianl{float: left;} .shijianr{width: 63%;float: right} .shijianr li{width: 19%;height: 33vw;background: palevioletred;float: left;position: relative;overflow: hidden;cursor: pointer;} .shijianr li:nth-child(n+2){margin-left: 1.25%;} .shijianr li:nth-child(2n-1){position: relative;top: 2.5vw} /**/ .shijianr li .a{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;background: rgba(0,0,0,0.6);opacity: 0} .shijianr li .b{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;font-size: 26px;color: #ffffff;font-weight: bold;} .shijianr li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);} .shijianr li:hover .a{opacity: 1} /******???????????????****/ .comvideo{padding: 34px 0;background: url('../images/combg.jpg') bottom center no-repeat;background-size: cover;} .comvideol{width: 30%;float: left;} .comvideoli{height: 20vw;overflow: hidden;} /*?????????*/ .comvideoli1{width: 100%;background: #fff} .comvideoli1 .p1{margin-top: 10%;font-size: 40px;color: #002f7c;text-align: center;padding-top: 30px;background: url("../images/tt.png") top center no-repeat;font-weight: bold} .comvideoli1 .p2{font-size: 40px;color: #002f7c;text-align: center;font-weight: bold;padding: 2% 0 4% 0;} .comvideoli1 .p3{font-size: 18px;color: #002f7c;text-align: center;} /*?????????*/ .comvideoli2{width: 100%;background: #002f7c} .comvideoli2 li{width: 50%;float: left;} .comvideoli2 li{width: 50%;height: 50%;float: left} .comvideoli2 li .p-num{font-size: 53px;font-weight: bold;color: #fff;text-align: center;font-family: bbb;font-style:oblique;margin-top: 14%} .comvideoli2 li .p-num span{font-size: 30px;position: relative;font-style: normal;top: -30px;} .comvideoli2 li .t{font-size:16px;color: #fff;font-weight: lighter;text-align: center;margin-top: 5%;font-weight: lighter;opacity: 0.7;} /*????????????*/ .comvideor{width: 70%;float: right;height: 40vw;background: #666} /************???????????????************/ .fuwu{padding: 4vw 0;} .fuwul{float: left} .fuwur{width: 65%;float: right;} .fuwur li{width: 33.3%;float: left;padding: 9% 0 3% 0;} .fuwur li .son{width: 80%;height:5vw;font-size: 22px;color: #2b2b2b;font-weight: lighter;line-height: 1.8;;} /*??????????????????*/ .lianjie{width: 65%;margin-top: 5%;float: right;} .lianjie .swiper-slide{border: 1px solid #ddd;box-sizing: border-box;overflow: hidden;} .lianjie .swiper-slide img{border: 0px solid #ddd;box-sizing: border-box;transform: scale(1.1);-webkit-transform: scale(1.1)} .lianjie .swiper-containerlink{padding-bottom: 3.5%} .swiper-paginationlink .swiper-pagination-bullet{width: 50px;height: 4px;border-radius: 4px;background: #ddd;} .swiper-paginationlink .swiper-pagination-bullet-active{background: #002f7c} /*********************************????????????******************/ .main-main-news{background: #f3f0f0;} .container-menu-news{width: 98%;margin-left: 1%} .news-list-li li{width: 25%;float: left;box-sizing: border-box;border: 0.5px solid #f3f0f0;} .news-list-li-other li{border: 1px solid #f3f0f0;} .news-list-li li a{display: block;width: 100%;padding: 10% 0;background: #fff;} .news-list-li li a .son{width: 86%;margin: 0 auto;} .news-list-li li a .son .p1{font-size: 20px;color: #1d1d1d;width: 90%;padding-right: 10%;background-position: left center;} .news-list-li li a .son .p1[data=img]{background: url('../images/img.png') right center no-repeat;} .news-list-li li a .son .p2{color: #737373;font-size: 16px;font-weight: lighter;line-height: 1.6;margin-top:7%; display: -webkit-box; display: -moz-box; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 3; /*??????????????????????????????????????????????????? */ line-clamp: 3; -webkit-box-orient: vertical;} .news-list-li li a .son .p3{margin-top: 9%;} .news-list-li li a .son .p3-1{height: 30px;line-height: 30px;float: left;color: #111111;font-size: 18px;font-weight: lighter;background: url("../images/time.png") left center no-repeat;text-indent: 25px;} .news-list-li li a .son .p3-2{height: 30px;width: 30px;background: url("../images/jia01.png") center no-repeat;float: right; background-size: 55%;} /*hover*/ /*hover*/ .news-list-li li a:hover {background: #002f7c} .news-list-li li a:hover .p1,.news-list-li li a:hover .p2,.news-list-li li a:hover .p3-1{color: #fff} .news-list-li li a:hover .p1{opacity: 0.9;transform: translateX(0%);-webkit-transform: translateX(0%);/*background: url("../images/ll.jpg") left center no-repeat;text-indent: 6%;*/ /* background-size: 5.5% 2px*/} .news-list-li li a:hover .p2{opacity: 0.7} .news-list-li li a:hover .p3-1{background: url("../images/time1.png") left center no-repeat;opacity: 0.8} .news-list-li li a:hover .p3-2{background: url("../images/jia2.png") center no-repeat;transform: rotate(90deg);-webkit-transform: rotate(90deg);background-size: 55%;} .news-list-li li a:hover .p2{opacity: 0.8;transform: translateX(0px)} .news-list-li li a:hover .son .p1[data=img]{background:url('../images/img1.png') right center no-repeat; } /*????????????????????????*/ .main-main-yynews{background: #f5f5f5;} .yynews-list-li li{width: 23.5%;margin-right: 2%;float: left;} .yynews-list-li li:nth-child(4n){margin-right: 0;} .yynews-list-li li:nth-child(n+5){margin-top: 3%} .yynews-list-li a{display: block;width: 100%;padding: 0;border-radius: 5px;box-shadow: 0px 2px 12.09px 0.91px rgba(167, 162, 184, 0.13); overflow: hidden} .yynews-list-li a {width: 100%;margin: 0 auto;} .yynews-list-li a .i{width: 100%;height: 13vw;position: relative;} .yynews-list-li a .i span{position: absolute;left: 0px;padding: 5px 20px;top: 15%;background: #002f7c;color: #fff; display: none} .yynews-list-li a .t{;padding: 5% 4% 6% 4%;background: #fff} .yynews-list-li a .t .p1{font-size: 20px;color: #1d1d1d;font-weight: bold} .yynews-list-li li a .t .p2{color: #737373;font-size: 15px;font-weight: lighter;line-height: 1.6;margin:3.5% 0; display: -webkit-box; display: -moz-box; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 3; /*??????????????????????????????????????????????????? */ line-clamp: 3; -webkit-box-orient: vertical;} .yynews-list-li li a .click{padding-top: 4%;border-top: 1px solid #eee;} .yynews-list-li li a .click span{display: inline-block;float: left;font-size: 14px; font-weight: normal;color: #333;height: 25px;line-height: 24px;font-weight: lighter} /*.yynews-list-li li a .click span font{font-weight: normal;font-family: aaa}*/ .yynews-list-li li a .click span:nth-child(1){background: url("../images/shi1.png") left center no-repeat;width: 50%} .yynews-list-li li a .click span:nth-child(2){background: url("../images/shi2.png") left center no-repeat;width: 30%} /*.yynews-list-li li a .click span:nth-child(1){margin-right: 10px}*/ .yynews-list-li li a .click span:nth-child(3){width: 20%;float: right;font-family: aaa;color: #002f7c;font-size: 20px;text-align: right;text-indent: 0} .yynews-list-li li a:hover .t .p1{color: #002f7c} .yynews-list-li a:hover{transform: translateY(-7px);-webkit-transform: translateY(-7px); box-shadow: 0px 2px 25px 3px rgba(167, 162, 184, 0.63);} /*.yynews-list-li a:hover .i img{transform: scale(1)}*/ /*????????????*/ .mian-main-newsinfo{background: #f5f5f5;} .mian-info{width: 100%;padding: 1% 3%;background: #fff} .news-info h1{font-size: 28px;text-align: center;} .sub{;border-bottom: 1px dashed #eee;margin-bottom: 25px;padding-bottom: 15px;text-align: center;margin-top: 20px} .sub li{display: inline-block;font-size: 16px;font-weight: lighter;margin: 0px 15px;color: #666;padding-left: 30px;} .sub li:nth-child(1){background: url("../images/info1.png") left center no-repeat;background-size: 27px} .sub li:nth-child(2){background: url("../images/info2.png") left center no-repeat;background-size: 25px} .sub li:nth-child(3){background: url("../images/info3.png") left center no-repeat;background-size: 17px} .news-info-con p{color: #666;margin: 8px 0;line-height: 1.6;} .news-info-con img{display: block;margin: 0 auto;max-width: 100%} .news-info-con a{color: blue;text-decoration: underline} .news-info-con p,.news-info-con p span,.news-info-con br,.news-info-con strong,.news-info-con a{font-family: 'Microsoft YaHei'!important;} /*********************????????????********************/ .main-main-lian{background: #f3f0f0} .container-menu-lian{width: 98%;margin-left: 1%} .main-lian{height: 24vw;position: relative;box-sizing: border-box;border: 1px solid #ddd} #allmap{height: 100%;width: 100%;box-sizing: border-box;border: 0px solid #eee;position: absolute;left: 0;top: 0;z-index: 1;} .main-lian1{height: 100%;position: absolute;right: 0%;top:0;z-index: 2;width: 30%;background: rgba(255,255,255,0.9); cursor: pointer;} .main-lian1 .son{width: 90%;margin: 0 auto;} .main-lian1:hover{background: rgba(255,255,255,1)} .lianli li{color: #333;font-size: 16px;padding: 2% 0} .lianli li span{font-family: aaa;font-size: 24px;color: #002f7c;} .lianli .title{font-size: 20px;font-weight: bold;text-indent: 37px;background-size: 25px!important;margin-bottom: 8px;} .lianli .title1{background: url("../images/lian1.png") left center no-repeat;margin-top: 7%} .lianli .title2{background: url("../images/lian2.png") left center no-repeat;margin-top: 4%} /**/ .lian-list-pc1{padding: 3% 0;display: none} .lian-list-pc1 .title{font-size: 20px;font-weight: bold;text-indent: 37px;background-size: 25px!important;margin-bottom: 8px;} .lian-list-pc1 .title1{background: url("../images/lian1.png") left center no-repeat;margin-top: 0%} .lian-list-pc1 .title2{background: url("../images/lian2.png") left center no-repeat;margin-top: 2%} .lian-list-pc li{cursor: pointer;width: 32%;padding: 1.6% 0;float: left;box-sizing: border-box;border-bottom: 1px solid rgba(0,0,0,0.005); margin: 0.8% 2% 0.8% 0;color: #555;font-size: 16px;transition: 0.5s;-webkit-transition: 0.5s;text-indent: 20px; background: #fff;border-radius: 3px;line-height: 1.6;} .lianli li span{font-family: aaa;font-size: 24px;color: #002f7c;} .lian-list-pc-w li{width: 100%;} .lian-list-pc li:nth-child(3n){margin-right: 0;} .lian-list-pc li:last-child{width: 100%} .lian-list-pc li:hover{;color: #333;} /*????????????*/ /**/ .lianform-box{max-width: 89%;margin: 0 auto;margin-top: 2%;} #lianform{width: 100%} #lianform input{width: 49%;float: left;display: block;margin:15px 2% 15px 0;padding: 5px 0;outline: none;border: 1px solid #eee; text-indent: 10px;font-size: 16px;box-sizing: border-box;border-radius: 5px;} #lianform input:nth-child(2n){margin-right: 0;} #lianform textarea{width: 100%;outline: none;box-sizing: border-box;border: 1px solid #eee;font-family: 'Microsoft YaHei', SimHei, SimYou, SimSun, Arial; font-size: 16px;padding: 10px 0;text-indent: 10px;height: 120px;border-radius: 5px} #lianform textarea:focus{border-color: #002f7c} #lianform img{height: 50px;margin-top: 15px} #lianform input:focus{border-color: #002f7c} #lianform input.submit{background: #002f7c;font-size: 20px;color: #fff;letter-spacing: 15px} #lianform input.reset{font-size: 20px;letter-spacing: 15px;background: #fff; margin-bottom:10px;} .b-title{padding: 1.5% 0} .b-title .p1{font-size: 36px;text-align: center} .b-title .p2{text-align: center;font-size: 16px;color: #666;font-weight: lighter;letter-spacing: 4px;transform: scale(1,1.2);margin-top:1%} /**********************************????????????*****************************/ .mian-main-honor{background: #f3f0f0} .honor-list-li li{width: 24%;float: left;margin-right: 1.3%;background: #fff;box-sizing: border-box; box-shadow: 0px 1px 2px 2px rgba(0, 0, 0, 0.05);border-radius: 5px;overflow: hidden} .honor-list-li li:nth-child(n+5){margin-top: 2%} .honor-list-li li:nth-child(4n){margin-right: 0;} .honor-list-li li a{display: block;height: 20vw;padding: 1% 6%;overflow: hidden;background: #fff; } .honor-list-li li a .son{width: 100%;height:100%;} .honor-list-li li:hover{transform: translateY(-5px);-webkit-transform: translateY(-5px);box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.1);} /**********************************************????????????************************/ .main-main-cases{background: #fff} .cases-list-li li{width: 32%;float: left;height: 25vw;margin-right: 2%;background: #fff;border-radius: 5px; box-shadow: 0px 2px 9.09px 0.91px rgba(167, 162, 184, 0.43);overflow: hidden} .cases-list-li li:nth-child(n+4){margin-top: 3%;} .cases-list-li li:nth-child(3n){margin-right: 0%;} .cases-list-li li a{display: block;width: 100%;height: 100%;position: relative;overflow: hidden;} .cases-list-li li a .f1{position: absolute;width: 100%;height: 100%;z-index: 1;left: 0;top: 0;} .cases-list-li li a .f2{position: absolute;width: 100%;height: 100%;z-index: 2;background: rgba(0,0,0,0.4);opacity: 0;left: 0;top: 0;} .cases-list-li li a .f21{position: absolute;width: 100%;z-index: 3;left: 0;bottom: 0px} .cases-list-li li a .f21 .t{padding: 3% 4%;border-radius: 5px;overflow: hidden;background: rgba(255,255,255,0.9);} .cases-list-li li a .f21 .t .p1{font-size: 20px;color: #1d1d1d;font-weight: bold;/*border-bottom: 1px solid #eee;padding-bottom: 3%;*/ text-align: center;} .cases-list-li li a .f21 .click{padding-top: 2.5%;display: none;} .cases-list-li li a .f21 .click span{display: inline-block;float: left;text-indent: 21px;font-size: 14px; font-weight: normal;color: #333;height: 25px;line-height: 24px;font-weight: lighter} .cases-list-li li a .f21 .click span:nth-child(1){background: url("../images/shi1.png") left center no-repeat;width: 50%} .cases-list-li li a .f21 .click span:nth-child(2){background: url("../images/shi2.png") left center no-repeat;width: 30%} .cases-list-li li a .f21 .click span:nth-child(3){width: 20%;float: right;font-family: aaa;color: #002f7c;font-size: 20px;text-align: right;text-indent: 0} /**/ .cases-list-li li a .f3{position: absolute;width: 100%;height: 100%;z-index: 4;left: 0;top: 0;} .cases-list-li li a .f3 .f3-c{width: 90%;margin: 0 auto;} .cases-list-li li a .f3 .f3-c .p1{text-align: center;color: #fff;font-size: 20px;font-weight: bold;margin-top: 23%; position: relative;top: 30px;transition-delay: 0.1s;opacity: 0} .cases-list-li li a .f3 .f3-c .p2{width: 29px;height: 17px;margin: 0 auto;background: url("../images/tt1.png") center no-repeat;padding: 5% 0; position: relative;top: 40px;transition-delay: 0.15s;opacity: 0} .cases-list-li li a .f3 .f3-c .p3{font-size: 15px;text-align: center;font-weight: lighter;color: #fff; position: relative;top: 50px;transition-delay: 0.18s;opacity: 0} /*hover*/ .cases-list-li li:hover{transform: translateY(-5px);-webkit-transform: translateY(-5px);box-shadow: 0px 2px 14.09px 0.91px rgba(167, 162, 184, 0.43)} .cases-list-li li a:hover .f1 img{transform: scale(1.05);-webkit-transform: scale(1.05)} .cases-list-li li a:hover .f2{opacity: 1} .cases-list-li li a:hover .f3 .f3-c .p1{transform: translateY(-30px);-webkit-transform: translateY(-30px);opacity: 1;} .cases-list-li li a:hover .f3 .f3-c .p2{transform: translateY(-40px);-webkit-transform: translateY(-40px);opacity: 1;} .cases-list-li li a:hover .f3 .f3-c .p3{transform: translateY(-50px);-webkit-transform: translateY(-50px);opacity: 1;} .cases-list-li li a:hover .f21{transform: translateY(60%);-webkit-transform: translateY(60%);opacity: 0;} /**????????????*/ .case-has-img img{max-width: 100%;display: block;margin: 6px auto;} /*???????????????????????????????????????*/ /*.cases-info-l .top .le{width: 480px;height: 300px;float: left;box-sizing: border-box;border: 1px solid #eee;background: #f5f5f5}*/ .cases-info{padding: 1% 0;} /*.cases-info-l .top .leli{width: 480px;float: left;}*/ .cases-info-l{width: 50%;float: left;background: pink;position: relative} /*.cases-info-l .top .z{width: 480px;height: 450px;float: left;position: relative;background: #fff}*/ .cases-info-l .top{width: 100%;height: 30vw;overflow: hidden;box-sizing: border-box;border: 0px solid #ddd;background: #fff} .cases-info-l .bot{width:100%;margin: 0 auto;padding: 2% 0;background: #f3f0f0} .cases-info-l .bot .swiper-slide{width: 160px;height: 98px;cursor: pointer;} .cases-info-l .bot .swiper-wrapper{margin-left: -25%} /*.cases-info-l .top .swiper-button-prev{width: 24px;height: 71px!important;background:#1753b5 url("../Image/pr11.png") center no-repeat!important;*/ /*top: 100%!important;margin-top: -85px!important;left: 1px!important;}*/ /*.cases-info-l .top .swiper-button-next{width: 24px;height: 71px!important;background:#1753b5 url("../Image/ne11.png") center no-repeat!important;*/ /*top: 100%!important;margin-top: -85px!important;right: 1px!important;}*/ .cases-info-l .swiper-button-prev{left: 10px;top: 32%;width:35px;height: 80px;background:rgba(192,18,27,0.85); background-size: 21px;background-repeat: no-repeat;background-position: center; background-image: url("../images/pr.png");} .cases-info-l .swiper-button-next{right: 10px;top:32%;width:35px;height: 80px;background:rgba(192,18,27,0.85); background-size: 21px;background-repeat: no-repeat;background-position: center;background-image: url("../images/ne.png")} .cases-info-l .bot .swiper-slide img{box-sizing: border-box;border: 0px solid #bbb;opacity: 0.5} .cases-info-l .bot .swiper-slide-active img{box-sizing: border-box;border: 0px solid #ef7d0e;opacity: 1} .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity: 0.8!important;} /*??????*/ .cases-info-r{width: 47%;background: #fff;float: right;} .cases-info-r p{color: #444;margin: 15px 0;line-height: 1.8;} .cases-info-r img{display: block;margin: 0 auto;max-width: 100%} .cases-info-r a{color: blue;text-decoration: underline} .cases-info-r p,.news-info-con p span,.news-info-con br,.news-info-con strong,.news-info-con a{font-family: 'Microsoft YaHei'!important;} .cases-info-r fieldset{padding: 10px;border: 1px dashed #ddd;} .cases-info-r fieldset .legend{font-size: 20px;font-weight: bold;padding: 0 8px;} .cases-info-r fieldset .cc{padding: 10px 2%;width: 100%} /**********************************************????????????**********************/ .main-main-pro{background: #fff;} .pro-list-li li{width: 23.5%;margin-right: 2%;float: left;} .pro-list-li li:nth-child(4n){margin-right: 0} .pro-list-li li:nth-child(n+5){margin-top: 3%;} .pro-list-li a{display: block;width: 100%;height: 24vw;position: relative;overflow: hidden;border-radius: 5px; box-shadow: 0px 2px 9.09px 0.91px rgba(167, 162, 184, 0.43); background:#FFF;} .pro-list-li a .a{width: 100%;height: 100%;position: absolute;z-index: 1;left: 0;top: 0;} .pro-list-li a .a img{transform: scale(0.9);-webkit-transform: scale(0.9)} .pro-list-li a .b{width: 100%;position: absolute;z-index: 2;left: 0;bottom: 0;} .pro-list-li a .b .t{width: 90%;padding: 4% 5%;font-size: 16px;text-align: left;background: rgba(255,255,255,0.8);text-align: center;border-top-left-radius: 5px;border-top-right-radius: 5px;box-shadow: 0px 2px 9.09px 0.91px rgba(167, 162, 184, 0.43)} .pro-list-li a .c{width: 100%;height: 100%;position: absolute;z-index: 3;left: 0;top: 0;background: rgba(0,0,0,0.6);opacity: 0} .pro-list-li a .d{width: 100%;height: 100%;position: absolute;z-index: 4;left: 0;top: 0;border: 0px solid #eee;} .pro-list-li a .e{width: 100%;height: 100%;position: absolute;z-index: 5;left: 0;top: 0; } .pro-list-li a .e .t1{width: 90%;font-size: 20px;color: #fff;font-weight: bold;text-align: center;margin-top: 30%;margin-left: 5%;padding-bottom: 20%;background: url("../images/proj.png") bottom center no-repeat;background-size: 13%;opacity: 0;position: relative;top: 25px;} /*hover*/ .pro-list-li a:hover .a img{transform: scale(1.05);} .pro-list-li a:hover .b{transform: translateY(50%);opacity: 0} .pro-list-li a:hover .c{opacity: 1;} .pro-list-li a:hover .d{transform: scale(0.9);-webkit-transform: scale(0.9);border: 1px solid #eee;} .pro-list-li a:hover .e .t1{opacity: 1;transform: translateY(-25px);-webkit-transform: translateY(-25px);} /**????????????*/ .pro-info-img img{max-width: 100%;display: block;margin: 0 auto;} /*??????????????????????????????*/ .pro-info-c{margin-bottom: 3%} .pro-info-c-l{;width: 45%;float: left;position: relative} /*.pro-info-c-l*/ /*??????*/ .pro-info-c-l.z{width:100%;position: relative;float: left;} .pro-info-c-l .top{width: 100%;height:28vw;overflow: hidden;box-sizing: border-box;border: 1px solid #ddd;background: #fff; margin-bottom:2%} .pro-info-c-l .bot{width: 100%;height: 80px;margin: 0 auto;position: relative;overflow: hidden} .pro-info-c-l .bot .i{width: 80px;height: 80px;float: left;} .pro-info-c-l .bot .i img{box-sizing: border-box;border: 1px solid #ddd;opacity: 0.8;cursor: pointer;} .pro-info-c-l .bot .i[data=xz] img{box-sizing: border-box;border:1px solid #002f7c;opacity: 1} .pro-info-c-l .bot ul .i:nth-child(n+2){margin-left: 5px;} .pro-info-c-l .swiper-button-prev1{width: 35px;height: 20%!important;min-height: 70px;background:#666 url("../images/pr1.png") center no-repeat!important; top: 35%!important;left: 0px!important;position: absolute;z-index: 10;cursor: pointer;} .pro-info-c-l .swiper-button-next1{width: 35px;height: 20%!important;min-height: 70px;background:#666 url("../images/ne1.png") center no-repeat!important; top:35%!important;right: 0px!important;position: absolute;z-index: 10;cursor: pointer;} .pro-info-c-l .swiper-button-disabled{opacity: 0.3} /**/ .pro-info-c-l img{display: block;max-width: 100%;} .pro-info-c-r{width: 52%;float: right;} .pro-info-c-r .f-l{width: 100%;;float: left;text-align: left;font-size: 15px;font-weight: bold;margin-bottom: 1%} .pro-info-c-r .f-r{float: left;margin-top: 0%;width: 100%;position: relative} .pro-info-c-r .floor:nth-child(n+2){margin-top: 3.5%;} .pro-info-c-r .floor:hover .f-l{color: #002f7c;} .pro-info-c-r .floor{border-bottom:0px solid #ddd;padding-bottom: 0%} .pro-info-c-r .f-r span{display: inline-block;padding:1.4% 4%;box-sizing: border-box;color: #666;font-size: 14px;margin: 5px 2px; border: 1px solid #ddd;background:url("../images/nook.png") bottom right no-repeat;background-size: 18px!important;cursor: pointer; border-radius: 3px} .pro-info-c-r .f-r span.xz{background: url("../images/ok.png") bottom right no-repeat;border-color: #002f7c;color: #002f7c} .pro-info-c-r .f-r input{width: 80%;min-width: 200px;display: block;outline: none;box-sizing: border-box;font-size: 14px; border: 1px solid #ddd;padding: 3.2% 2%;border-radius: 3px;position: relative} .pro-info-c-r .f-r .code{position: absolute;right: 20%;height: 100%;top: 0;display: block} .pro-info-c-r .f-r select{width: 80%;display: block;min-width: 200px;outline: none;box-sizing: border-box;border: 1px solid #ddd;padding: 3.2% 2%;border-radius: 3px} .pro-info-c-r .floorl{width: 50%;float: left} .pro-info-c-r .f-r input:focus{border-color: #002f7c;} .pro-info-c-r .f-r button{width: 80%;min-width: 200px;background: #ddd;font-size: 16px; display: block;outline: none;box-sizing: border-box;border: 0px solid #ddd;padding: 3% 2%;border-radius: 3px} /*????????????*/ .pro-info-con{margin: 0 auto} .bd1 img{max-width: 100%;max-height: 100%;} .pro-info-floor .top{;border-bottom: 1px solid #ddd;} .pro-info-floor .top .le{float: left;padding: 1% 3%;background: #002f7c;color: #fff;} .rel-con{padding: 2% 0} .rel-con p{color: #666;margin: 8px 0;line-height: 1.6;} .rel-con img{display: block;margin: 0 auto;max-width: 100%} .rel-con a{color: blue;text-decoration: underline} .rel-con p,.rel-con p span,.rel-con br,.rel-con strong,.rel-con a{font-family: 'Microsoft YaHei'!important;} /*????????????*/ .pro-info-cases{padding: 2% 0} .pro-info-cases .swiper-slide a{display: block;width: 100%;} .pro-info-cases .swiper-slide a .i{width: 100%;height: 14vw;overflow: hidden;} .pro-info-cases .swiper-slide a .t{width: 95%;padding: 2.5% 2.5%;text-align: center} /*.swiper-containerpro-case{padding-bottom: 30px}*/ .pro-info-cases .swiper-slide a:hover .i img{transform: scale(1.05);-webkit-transform: scale(1.05);} .pro-info-cases .swiper-slide a:hover .t {color: #002f7c;} /*??????????????????*/ #sifu{display: none;width: 250px;position: fixed;top:25%;left: -200px;z-index: 11;transition: 0.5s;-webkit-transition: 0.5s;opacity: 0.6;} #sifu .ful{width: 200px;float: left;background: #002f7c;padding: 5px 0} #sifu .ful ul{width: 96%;margin:0 auto;background: #fff;padding: 15px 0} #sifu .ful li{width: 92%;margin:0 auto;background: #eee;} #sifu .ful li:nth-child(n+2){margin-top: 10px} #sifu .ful li a{display: block;font-size: 15px;padding: 10px 8%;border-radius: 2px} #sifu .fur{width: 50px;height: 50px;background: #002f7c url("../images/fumenu.png") center no-repeat;float: left; border-bottom-right-radius: 50%;border-top-right-radius: 50%;} /**/ .sifu-show{transform: translateX(200px);-webkit-transform: translateX(200px);opacity: 1!important;} #sifu .ful li:hover a{background: #002f7c;color: #fff!important;} #sifu .ful li.xz a{background: #002f7c;color: #fff!important;} /****************************************????????????**************/ .jobs-list-li li{width: 49%;margin-right: 2%;float: left;} .jobs-list-li li:nth-child(2n){margin-right: 0;} .jobs-list-li li:nth-child(n+3){margin-top: 3%;} .jobs-list-li a{display: block;width: 100%;background: #fff;box-shadow: 0px 2px 12.09px 0.91px rgba(167, 162, 184, 0.33); border-radius: 5px;padding: 1% 0 3% 0} .jobs-list-li a .son{width: 95%;overflow: hidden;margin: 0 auto; } .jobs-list-li a .t1{padding: 2% 0;border-bottom: 1px solid #eee} .jobs-list-li a .t1 .t1l{background: url("../images/job.png") left center no-repeat;float: left;text-indent: 30px; background-size: contain;font-size: 20px;font-weight: bold} .jobs-list-li a .t1 .t1r{float: right;color: #002f7c;text-decoration: underline} .jobs-list-li a .son .con{margin-top: 2.5%;height: 15vw;overflow-y: scroll;} .jobs-list-li a .son .con p{color: #666;padding: 3px 0;font-size: 14px;line-height: 1.6} .jobs-list-li a .son .con::-webkit-scrollbar{ width:3px; height:3px ; } .jobs-list-li a .son .con::-webkit-scrollbar-track{ box-shadow: inset 0 0 3px transparent; background: #f8f8f8; border-radius: 3px; } .jobs-list-li a .son .con::-webkit-scrollbar-thumb{ border-radius: 3px; background: #bbb; } .jobs-list-li a:hover{box-shadow: 0px 2px 15.09px 0.91px rgba(167, 162, 184, 0.63);} .jobs-list-li a:hover .t1 .t1l{color: #002f7c} /**????????????*/ .fu-job{position: fixed;width: 100%;height: 100%;z-index: 12;background: rgba(0,0,0,0.6);left: 0;top: 0;display: none} .fu-job .job-son{width: 100%;height: 100%} #jobform{;background: #fff;border-radius: 5px;padding: 40px 30px 30px 30px; box-shadow: 0px 2px 15.09px 0.91px rgba(167, 162, 184, 0.63) inset;position: relative;} #jobform .jobclose{position: absolute;right: 0px;top: 0;background: #002f7c;color: #fff;display: inline-block; padding: 2px 10px;font-size: 14px;cursor: pointer;} #jobform .faqline{padding: 6px 0;border-bottom: 0px solid #eee;} #jobform .faqline .faqtit{width: 90px;height: 40px;line-height: 40px;float: left;background: #fff;text-align: left; font-size: 15px;border-radius: 2px;} #jobform .faqline .input{text-indent: 8px;width: 370px;outline: none;height: 40px;box-sizing: border-box;border: 1px solid #ddd;float: left} #jobform textarea{width: 370px;outline: none;height: 100px;box-sizing: border-box;border: 1px solid #ddd;float: left; text-indent: 8px;border-radius: 2px;} #jobform .input:focus{border-color: #002f7c;} #jobform textarea:focus{border-color: #002f7c;} /*#jobform input:hover{border-color: #002f7c;}*/ /*#jobform textarea:hover{border-color: #002f7c;}*/ #jobform .faqline .input1{width: 120px;float: left;} #jobform .code img{display: block;float: left;height: 40px;margin-left: 0px;} #jobform .code .tip{display: block;float: left;color: red;font-size: 14px;} #jobform button{width: 120px;height: 38px;background: #002f7c;color: #fff;display: block} /***??????????????????****/ .typelist{padding-bottom: 3%;padding-top: 1%} .typelist-l{float: left;width: 30%} .typelist-l .p1{font-weight: bold;font-size: 40px;color: #2b2b2b;padding-left: 42px;background: url("../images/i.png") left center no-repeat;} .typelist-l .p2{font-size: 16px;color: #6d6d6d;font-weight: lighter;line-height: 1.8;margin-top: 3%} .typelist-r{float: right;margin-top: 0%;width: 68%;text-align: right} /*.typelist-r li{float: left;margin-left: 10%;}*/ .typelist-r a{display: inline-block;background: #ddd;font-size: 15px;color: #282828;position: relative; padding: 1.1% 2.5%;transition: 0.5s;-webkit-transition: 0.5s;border-radius: 2px;z-index: 2;margin: 1.5% 0 1.5% 10px} .typelist-r a:after{content: '';width: 100%;height: 18%;z-index: 1; position: absolute;bottom: -18%;left: 0;background: url("../images/sj.png") top center no-repeat; background-size: contain;transform: translateY(-100%);-webkit-transform: translateY(-100%);opacity: 0; transition: 0.4s;-webkit-transition: 0.4s;} .typelist-r a:hover{background: #002f7c;color: #fff;font-weight: normal;} .typelist-r a:hover:after{transform: translateY(0%);-webkit-transform: translateY(0%);opacity: 1;} .typelist-r a.xz{background: #002f7c;color: #fff;font-weight: normal;} .typelist-r a.xz:after{transform: translateY(0%);-webkit-transform: translateY(0%);opacity: 1;} .typelist-r2{float: left;margin-top: -1.5%; margin-bottom:1.5%;width: 100%;text-align: left} .typelist-r2 a{display: inline-block;background: #ddd;font-size: 14px;color: #282828;position: relative;padding: 0.6% 0.7%;transition: 0.5s;-webkit-transition: 0.5s;border-radius: 2px;z-index: 2;margin: 0.2% 0.2% } .typelist-r2 a:after{content: '';width: 100%;height: 18%;z-index: 1;position: absolute;bottom: -18%;left: 0;background: url("../images/sj.png") top center no-repeat;background-size: contain;transform: translateY(-100%);-webkit-transform: translateY(-100%);opacity: 0;transition: 0.4s;-webkit-transition: 0.4s;} .typelist-r2 a:hover{background: #002f7c;color: #fff;font-weight: normal;} .typelist-r2 a:hover:after{transform: translateY(0%);-webkit-transform: translateY(0%);opacity: 1;} .typelist-r2 a.xz{background: #002f7c;color: #fff;font-weight: normal;} .typelist-r2 a.xz:after{transform: translateY(0%);-webkit-transform: translateY(0%);opacity: 1;} /*********************/ .other-title{font-size: 36px;text-align: center;padding: 2% 0;color: #111;font-weight: bold} div.search {float:left;} form {position: relative;width: 270px;margin: 0 auto;} input, button {border: none;outline: none;} input {width: 100%;height: 42px;padding-left: 13px;} button {height: 42px;width: 42px;cursor: pointer;position: absolute;} .bar2 {} .bar2 input, .bar2 button {border-radius: 3px;} .bar2 input {} .bar2 button {height: 26px;width: 26px;top: 8px;right: 8px;background: #002f7c url(../images/s.png) center no-repeat;} #message {} #message .centent { position: relative; margin: 0 auto; } #message .centent ul { width:100%; margin: 0 auto; } #message .centent ul li { float: left; } #message .centent ul dt select { border-radius: 3px; width: 280px; height: 44px; border: 1px solid #e6e6e6; padding-left: 2px; line-height: 32px; color:#666; } #message .centent ul dd { text-align: center; } /* products 显示效果 */ .in_pro { padding: 0;} .in_pro .section-header{ display: none} .in_pro .title_w {padding: 80px 0 60px;background: #f5f5f5} .in_pro .title {height: 60px} .in_pro .title h3 {display: block;float: left;width: 400px;height: 60px;position: relative} .in_pro .title h3 span {display: block;font-size: 28px;color: #005bac;height: 30px;line-height: 30px; font-weight: bold; position: absolute; left: 0px; bottom: 0 } .in_pro .title h3 em { display: block; font-size: 50px; font-family: 'btb'; color: #dcdcdc; font-style: normal; text-transform: uppercase } .in_pro .title a.more { float: right; margin-top: 7px } .in_pro .list { position: relative } .in_pro .list .bg { width: 100%; height: 400px; position: absolute; left: 0; top: 0; right: 0; z-index: 1 } .in_pro .list .item { width: 33.3333%; float: left; position: relative; z-index: 2 } .in_pro .list .item a { display: block; width: 100%; height: 100% } .in_pro .list .item a .txt { position: absolute; left: 40px; right: 40px; top: 110px; bottom: 40px; z-index: 3; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s } .in_pro .list .item a .txt .des { display: table; width: 100%; height: 100% } .in_pro .list .item a .txt .des .des_inner { display: table-cell; vertical-align: bottom; padding: 0 70px 70px; color: #fff; } .in_pro .list .item a .txt .des .des_inner b { font-size: 24px } .in_pro .list .item a .txt .des .des_inner p { font-size: 14px; line-height: 28px; font-weight: lighter; margin-top: 40px; display: none; } .in_pro .list .item a .img { width: 100%; height: 100%; overflow: hidden } .in_pro .list .item a .img img { width: 100%; height: 100%; overflow: hidden } .in_pro .list .item a .img span { background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; display: block; width: 100%; height: 100%; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s; } .in_pro .list .item a:hover .txt { opacity: 1; filter: alpha(opacity=100) } .in_pro .list .item a:hover .img span { -webkit-transform: scale(1.07, 1.07); -moz-transform: scale(1.07, 1.07); -o-transform: scale(1.07, 1.07); transform: scale(1.07, 1.07) } .in_pro .list .item a:hover .txt { } .in_pro .list .item a:hover .txt { } .in_pro .list .item a:hover .txt .des .des_inner b{ display: block; position: relative; } .in_pro .list .item a:hover .txt .des .des_inner b:after { content: ''; position: absolute; width: 60px; height:3px; background: #fff; top: 60px; left: 50%; margin-left: -30px; z-index: -1; } .in_pro .list .item a:hover .txt .des .des_inner p{ display: block; } .in_pro .list .item.item01 { width: 33.333%; } .in_pro .list .item.item01 .txt{ opacity: 1; background:none; } .in_pro .list .item.item01 a .txt .des .des_inner{ padding: 60px 45px; vertical-align: text-top; } .in_pro .list .item.item01 a .txt .des .des_inner b{ position: relative; font-size: 28px;} .in_pro .list .item.item01 a .txt .des .des_inner b:after { content: ''; position: absolute; width: 60px; height:3px; background: #fff; top: 60px; left: 0; z-index: -1; } .in_pro .list .item.item01 a:hover .txt .des .des_inner b:after { content: ''; position: absolute; width: 60px; height:3px; background: #fff; top: 60px; left: 0; z-index: -1; margin-left: 0; } .in_pro .list .item.item01 a .txt .des .des_inner p{ font-size: 14px; line-height: 28px; font-weight: lighter; margin-top: 60px; display: block; } .in_pro .list .item.item02 {height: auto; margin-top:60px; } .in_pro .list .item.item02 a .txt { left: 20px; right: 20px; /* top: 220px; */ margin-top: 120px; bottom: 0px } .in_pro .list .item.item02 a .txt .des .des_inner { vertical-align: middle; padding: 0 10px; text-align: center } .in_pro .list .item.item021 {height: auto; margin-top:110px; } .in_pro .list .item.item021 a .txt { left: 20px; right: 20px; /* top: 200px; */ margin-top: 120px; bottom: 0px } .in_pro .list .item.item021 a .txt .des .des_inner { vertical-align: middle; padding: 0 10px; text-align: center } @media (max-width: 1180px){ .in_pro .list .item a .txt .des .des_inner b{ font-size: 18px;} .in_pro .list .item a:hover .txt .des .des_inner b:after{ top: 40px;} .in_pro .list .item a .txt .des .des_inner p{ font-size: 12px; line-height: 22px; margin-top: 20px;} .in_pro .list .item.item01 a .txt .des .des_inner b{font-size: 18px;} .in_pro .list .item.item01 a .txt .des .des_inner b:after{ top: 40px;} .in_pro .list .item.item01 a:hover .txt .des .des_inner b:after{ top: 40px;} .in_pro .list .item.item01 a .txt .des .des_inner p{ font-size: 12px; line-height: 22px; margin-top: 20px;} } @media (max-width: 992px){ .in_pro .list .item.item02 {margin-top:10px;} .in_pro .list .item.item021{ margin-top:-10px;} .in_pro .list .item.item02 a .txt{display: none;} .in_pro .list .item.item021 a .txt{display: none;} .in_pro{ padding: 0px 0 0 0;} .in_pro .section-header .title{ height: auto;} .in_pro .section-header { display: block;} .in_pro .list .item.item01{ display: none;} .in_pro .list .item{ width: 50%;} } @media (max-width: 768px){ .in_pro .list .item.item021 { margin-top:-10px;} .in_pro .list .item.item02 {margin-top:10px;} .in_pro .list .item a:hover .txt .des .des_inner p{ display: none;} .in_pro .list .item a:hover .txt .des .des_inner b:after{ display: none} .in_pro .list .bg{ display: none;} } @media (max-width: 480px){ .in_pro .list .item.item021 { margin-top:-35px;} .in_pro .list .item.item02 {margin-top:10px;} .in_pro{ padding: 20px 0 0 0;} .in_pro .list .item.item02 a .txt .des .des_inner{ padding: 0 15px;} } /*products 结束*/ .menu ul { flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; -o-flex-wrap: wrap; -ms-flex-wrap: wrap; } .menu ul li { position: relative; padding: 25px 0; } .menu ul li a { font-size: 16px; padding: 10px 12px; margin: 0 14px; position: relative; color: #fff; text-transform: uppercase; } .menu ul li a:after, .menu ul li a:before { content: ''; position: absolute; width: 12px; height: 12px; opacity: 0; border: 2px solid #fff; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transition-timing-function: cubic-bezier(0.17, 0.67, 0.05, 1.29); transition-timing-function: cubic-bezier(0.17, 0.67, 0.05, 1.29); } .menu ul li a:before { top: 0; left: 0; border-width: 2px 0 0 2px; -webkit-transform: translate3d(10px, 10px, 0); transform: translate3d(10px, 10px, 0); } .menu ul li a:after { right: 0; bottom: 0; border-width: 0 2px 2px 0; -webkit-transform: translate3d(-10px, -10px, 0); transform: translate3d(-10px, -10px, 0); } .menu ul li a:hover { color: #ed6d00; } .menu ul li a:hover:after { max-width: 100%; } .menu ul li:last-child { padding-right: 0px; } .menu ul li .sub-menu { position: absolute; z-index: 1000; float: left; background-color: #fff; -webkit-transition: top 0.3s ease 0s, opacity 0.3s; transition: top 0.3s ease 0s, opacity 0.3s; transform: scaleX(0); -moz-transform: scaleX(0); -webkit-transform: scaleX(0); -o-transform: scaleX(0); -ms-transform: scaleX(0); opacity: 0; border: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; margin: 0; display: block; left: 50%; margin-left:-80px; padding: 0; min-width: 160px; white-space: nowrap; padding-top: 10px; padding-bottom: 10px; text-align: center; border: 1px solid rgba(0, 0, 0, 0.1); } .menu ul li .sub-menu li { padding: 3px 30px; } .menu ul li .sub-menu li a { padding: 5px 0px; display: block; color: #666; margin: 0px; } .menu ul li .sub-menu li:hover a { text-decoration: none; color: #ed6d00; } .menu ul li .sub-menu li:hover .sub-menu li a { text-decoration: none; } .menu ul li .sub-menu li .sub-menu { left: 100%; top: -25px; } .menu ul li .sub-menu li .sub-menu li a { text-decoration: none; } .menu ul li .sub-menu li .sub-menu li:hover a { text-decoration: underline; } .menu ul li .sub-menu .menu-item-has-children { position: relative; } .menu ul li .sub-menu .menu-item-has-children:after { position: absolute; font-family: 'Material-Design-Iconic-Font'; content: '\f2fb'; top: 50%; right: 28px; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); } .menu ul li:hover>ul { opacity: 1; top: 100%; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } .menu ul .curent-menu-item a{ color:#fff; } .menu ul .curent-menu-item a:after, .menu ul .curent-menu-item a:before { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); border-color: #fff; } .menu ul .curent-menu-item .sub-menu li a:after, .menu ul .curent-menu-item .sub-menu li a:before { opacity: 0; } /* hover 状态 */ .menu ul li:hover a{ color:#ed6d00; } .menu ul li:hover a:after, .menu ul li:hover a:before { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); border-color: #ed6d00; } .menu ul li:hover .sub-menu li a:after, .menu ul li:hover .sub-menu li a:before { opacity: 0; } .menu ul { display: flex; display: -webkit-flex; } .wrap { width: 100%; margin: 0 auto; max-width: 1300px; position: relative; } @media only screen and (max-width: 1000px) { .pro_list ul li { width: 50%; } .pro_list ul li:last-child { display: none; } } } @media only screen and (max-width: 550px) { .pro_list ul li { width: 100%; } } .brand-body .box { display: block; overflow: hidden; } .brand-body .group { display: block; overflow: hidden; } .brand-body .list { display: block; } .brand-body ul { display: block; overflow: hidden; margin: -8px -6px; } .brand-body li { display: block; float: left; width: 25%; } @media screen and (max-width: 640px) { .brand-body li { width: 50%; } } .brand-body li>a { display: block; overflow: hidden; position: relative; } .brand-body li img { display: block; width: 100%; height: auto; } .brand-body li .mask { display: block; position: absolute; width: 100%; height: 100%; padding: 45% 0px; opacity: 0; background: rgba(0,47,124,0.6); top: 0; text-align: center; font-size: 0; transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; } @media screen and (max-width: 768px) { .brand-body li .mask { padding: 45% 0px; } } .brand-body li .mask:hover { opacity: 1; } .brand-body li .mask h4 { display: inline-block; max-width: 100%; line-height: 1; font-size: 18px; letter-spacing: 2px; color: #fff; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; } @media screen and (max-width: 768px) { .brand-body li .mask h4 { letter-spacing: 0px; } } .brand-body li .mask p { display: block; font-size: 14px; color: #e1e1e1; margin-top: 13px; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; } @media screen and (max-width: 768px) { .brand-body li .mask p { display: none; } } .brand-body li .mask>span { display: inline-block; width: 96px; height: 28px; border: 1px solid; } .case-t1 {color:#fff;font-size: 40px;font-weight: bold;background: url("../images/tt.png") left center no-repeat;text-indent: 40px;margin-top: 3%;margin-bottom: 3%} @media only screen and (max-width: 1440px) and (min-width: 1000px) { .header-pc .l1{float: left;width:60%;min-width: 700px;background: none; margin-top:20px; margin-left:30px;} .menu ul li a{ font-size: 14px; margin: 0 10px; } } .ihzpp {padding: 0 0 4vw 0; background: #f3f0f0;} .hzpp{font-size: 36px; font-weight: bold; text-align: center; margin-bottom: 1vw; color: #002f7c;} .hzpp p{font-size: 22px; font-weight: normal; text-align: center; color: #333;} @media screen and (max-width: 1024px) { .hzpp{font-size: 28px;margin-bottom: 2vw;} .hzpp p{font-size: 16px;} }