.Hometitle{text-align: center;margin-bottom: calc(40 / 16 * 1em);} .Hometitle .t1{font-size: calc(50 / 16 * 1em); color: #00192b; font-weight: bold;} .Hometitle .t2{font-size: calc(16 / 16 * 1em); color: #999; margin-top: calc(10 / 16 * 1em); line-height: 1.5;} @media(max-width:1024px){ .Hometitle .t1{font-size: calc(30 / 16 * 1em);} .Hometitle .t2{font-size: calc(18 / 16 * 1em); margin-top: calc(12 / 18 * 1em); } } .Homemore a{display: inline-block; padding: 0 calc(30 / 16 * 1em) 0 calc(65 / 16 * 1em); line-height: calc(50 / 16 * 1em); border-radius: calc(50 / 16 * 1em); color:#2478b5; border: 1px solid #2478b5; background: url(../images/more.svg) no-repeat left calc(26 / 16 * 1em) center ; transition: 0.3s; background-size: auto calc(14 / 16 * 1em); } .Homemore a:hover{ background-position:right calc(26 / 16 * 1em) center; padding:0 calc(65 / 16 * 1em) 0 calc(30 / 16 * 1em); background-color: #2478b5; background-image: url(../images/more-on.svg); color: #fff;} /*Top003124 */ .Top003124{ } @media (min-width:1025px) { .Top003124{position: relative;width: 100%;left: 0;top: 0;z-index: 100;transition:0.3s;} .Top003124.fixed{position: fixed;} /* .Top003124.Down{transform: translateY(-5.3125em);} */ .Top003124.hover{background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1);} .Top003124.hover .logo .white, .Top003124:not(.hover) .logo .red{display: none;} .Top003124:not(.hover), .Top003124:not(.hover) a:not(:hover){color: #fff;} } @media (max-width:1024px) { .Top003124{ height: 0.925em;} .Top003124 .wap-fixed{position: fixed;width: 100%;left: 0;top: 0;z-index: 100;background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1);/* padding-top: 3em; */} .Top003124 .logo .white{display: none;} .Top003124 .auto{position: relative; border-top: 1px solid #eee;} } .Top003124 .logo{float: left;display: table;height:5.3125em;} .Top003124 .logo a{display: table-cell; vertical-align: middle;} .Top003124 .logo img{height: 3em;} @media (max-width:1024px) { .Top003124 .logo{height: 4em;} .Top003124 .logo img{height: 3em;} } .Top003124 .top-nav dd{} .Top003124 .top-nav dd.oa a{display: block; border: 1px solid #ccc;border-radius: 50%;text-align: center;} .Top003124.hover .top-nav dd.oa a{border-color: #ccc;} .Top003124 .top-nav dd.lang{padding-top: 0;position: relative;} .Top003124 .top-nav dd.lang a:hover{color:#2478b5;} .Top003124 .top-nav dd.lang > span{display: block;line-height: 33px;border-radius: 3px;border: 1px solid rgba(0,0,0,0.1);padding-right: 12px;cursor: pointer;} .Top003124 .top-nav dd.lang > span:before, .Top003124 .top-nav dd.lang > span:after{display: inline-block; content: ''; vertical-align: middle; } .Top003124 .top-nav dd.lang > span:before{margin: 0 4px 0 10px;width: 22px;height: 16px;background:url(../images/all-m.png) no-repeat;} .Top003124 .top-nav dd.lang > span:after{margin-left: 6px;width: 6px;height: 6px;border-right: 1px solid #aaa;border-bottom: 1px solid #aaa;transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);margin-top: -3px;} .Top003124 .top-nav dd.lang figure{position: absolute; top: 100%; left: 0; width: 100%; background: #fff; display: none;} .Top003124 .top-nav dd.lang figure a{color: #333; padding: 0 0px;display: block; line-height: 30px;} .Top003124 .top-nav dd.lang figure a:nth-child(1):before{display: inline-block;content:'';vertical-align: middle; margin: 0 7px 0 10px;width: 22px;height: 16px;background:url(../images/all-m.png) no-repeat;} .Top003124 .top-nav dd.lang figure a:nth-child(2):before{display: inline-block;content:'';vertical-align: middle; margin: 0 7px 0 10px;width: 22px;height: 16px;background:url(../images/all-m.png) no-repeat;background-position: -132px 0px !important;} @media(max-width:640px){ .Top003124 .top-nav dd.lang > span{font-size: 0;} } .Top003124 .top-nav dd.stock b{font-weight: normal;} @media(min-width:1025px) and (max-width:1770px) { } @media (min-width:1025px) { .Top003124 .top-nav{float: right; margin-left: 4em;padding-top: 1.75em; font-size: 0.875em; } .Top003124 .top-nav dd{float: left;line-height:2.5714em;} .Top003124 .top-nav dd.oa{margin-left: 4.2857em;} .Top003124 .top-nav dd.oa a{width:2.5714em;} .Top003124 .top-nav dd.stock{margin-right: 2.1428em;padding-right: 2.1428em;border-right: 1px solid rgba(255,255,255,0.1);} .Top003124:not(.hover) .top-nav dd.stock{border-right-color: #fff;} } @media (max-width:1024px) { .Top003124 .top-nav{position: absolute; right: calc(40 / 16* 1em); display: flex;align-items: center; /* margin-bottom: 0.5em; */} .Top003124 .top-nav dd{line-height: 2;} .Top003124 .top-nav dd:not(:last-child){margin-right: 1em;} .Top003124 .top-nav dd.oa a{width:2em;} } .Top003124 menu li span{display: block;} .Top003124 menu li:hover span a{color: #2478b5;} @media (min-width:1025px) { .Top003124 menu{float: right;} .Top003124 menu li{float: left;} .Top003124 menu li:not(:last-child){margin-right: 3.25em;} .Top003124 menu li span, .Top003124 menu li span a{line-height:5.3125em;} .Top003124 menu li span a{display: block;position: relative;z-index: 1; color: #222; } .Top003124 menu li span a:after{position: absolute;content: '';width: 0; left: 50%; transform: translateX(-50%); bottom: -1px; height: 2px;background-color: #2478b5; transition: 0.3s;} .Top003124 menu li:hover span a:after, .Top003124 menu li.aon span a:after{width: 100%;} .Top003124 menu li:hover span a, .Top003124 menu li.aon span a{color: #2478b5;} .Top003124 menu li .sub{position: absolute; top: 100%; background-color: #fff;border-radius: 0 0 5px 5px; overflow: hidden;width: 180px;margin-left: -90px;} .Top003124 menu li#m2 .sub{width: 220px;margin-left: -110px;} .Top003124 menu li .sub dd:hover a{color: #2478b5;} } @media(max-width:1600px){ .Top003124 menu li:not(:last-child){margin-right:2em;} } @media (max-width:1024px) { .Top003124 header {display: flex;justify-content: space-between;align-items: center;} .Top003124 menu{position: fixed; left: -100%;top:7em;height: calc(100% - 7em); overflow: auto; background-color: #fff; width: 240px;opacity: 0;transition: 0.3s ease;} .menu-show .Top003124 menu{left: 0; opacity: 1; transform:translateX(0);} .Top003124 menu li{ border-bottom: 1px solid #eee;} .Top003124 menu li span{padding-top: 1em; padding-bottom: 1em;padding-left: 1em;} .Top003124 .open-menu {width: calc(30 / 16* 1em);height: calc(24 / 16* 1em);display: flex;flex-wrap: wrap;flex-direction: column;justify-content: space-between;transition: 0.3s;position: absolute;right: 0} .Top003124 .open-menu i{background: #000;} .Top003124 .has-sub span .op:before, .Top003124 .has-sub span .op:after{background-color: #ccc;} .Top003124 menu li .sub{background-color: rgba(0,0,0,0.1);} .Top003124 menu li:nth-child(2) span .op { display: none; } } .Top003124 .top-search{display: block; padding: 0; margin-left: calc(30 / 1920 * 100vw);} .Top003124 .top-search .box{position: relative; background-color: rgba(36,120,181,0.1); overflow: hidden;} .Top003124 .top-search .box .text{width: 100%;display: block; line-height: calc(36 / 16 * 1em);height: calc(36 / 16 * 1em); font-size: 1em; background: none; border: 0; padding-left: calc(42 / 16 * 1em);color: rgba(51, 51, 51, 0.5);} .Top003124 .top-search .box .text.focus{color: #000;} .Top003124 .top-search .box .btn{position: absolute;top: 0;width: calc(42 / 16 * 1em); height: 100%; background: url(../images/search2.svg) no-repeat center center;background-size:calc(17 / 42 * 100%) auto; cursor: pointer;} @media (min-width:1025px) { .Top003124 .top-search .box{width: calc(120 / 16 * 1em); border-radius: calc(90 / 16 * 1em); transition: 0.3s;} .Top003124 .top-search.show .box{width: calc(200 / 1920 * 100vw);} .Top003124 .top-search .box .btn{ left: 0;} } @media (max-width:1024px) { .Top003124 .top-search{margin: 0 5vw 0 0; } .Top003124 .top-search .box{top: 100%; left: 0;width: 100%; opacity: 1; position: absolute; display: none; background-color: rgba(255,255,255,1);} .Top003124 .top-search .box .btn{ right: 0;} .Top003124 .top-search .box .text{padding: 0 calc(42 / 16 * 1em) 0 calc(20 / 16 * 1em);} .Top003124 .open-search{ width: calc(24 / 16 * 1em); height: calc(24 / 16 * 1em); background: url(../images/search2.svg) no-repeat center center; background-size: contain;display: block; position: relative;} .Top003124 .open-search.on{width: calc(30 / 16 * 1em); height: calc(30 / 16 * 1em); } .Top003124 .open-search.on:after, .Top003124 .open-search.on:before{background-color: #00192b;} } @media(min-width:1025px){ .Top003124 menu li.promenu{position: static;} .Top003124 menu li.promenu .navpull{position: absolute;top:100%;width:100%;left:0 !important;background: #fff;z-index:999;border-top:1px solid #e5e5e5;margin-left:0;box-shadow: 0 10px 10px rgba(0,0,0,0.1);} .Top003124 .wap-fixed{position: relative;} .Top003124 menu li.promenu .navpull .navpullbox{padding:2% 0 3% 0;text-align: center;} .Top003124 menu li.promenu .navpull .navtab{margin-bottom:10px;} .Top003124 menu li.promenu .navpull .navtab dl dt{display: inline-block;margin:0 25px;font-size: 16px;font-weight: bold;} .Top003124 menu li.promenu .navpull .navtab dl dt.on a{color:#2478b5;} .Top003124 menu li.promenu .navpull .navtabcon .navtabbox{display: none;} .Top003124 menu li.promenu .navpull .navtabcon .navtabbox dl dd{width:180px;margin:0 10px;margin-bottom:20px;display: inline-block;} .Top003124 menu li.promenu .navpull .navtabcon .navtabbox dl dd .img{height:120px;line-height: 120px;border:1px solid #eee;overflow: hidden;} .Top003124 menu li.promenu .navpull .navtabcon .navtabbox dl dd .img img{max-height:80%;max-width:80%;transition: all .3s;-webkit-transition: all .3s;} .Top003124 menu li.promenu .navpull .navtabcon .navtabbox dl dd:hover .img img{transform: scale(1.05);-webkit-transform: scale(1.05);} .Top003124 menu li.promenu .navpull .navtabcon .navtabbox dl dd .ti{margin-top:10px;} .Top003124 menu li.promenu .navpull dl dd:hover a{color: #2478b5;} .Top003124 menu li.promenu .navpull .navtabcon .navtabbox .navmore a{font-size: 14px;font-weight: bold;color:#2478b5;} .navpull1{width: 100%;margin: 0 auto;} .navpull1 .navpul_box{display: flex;flex-wrap: wrap;max-width: 1600px;width: 90%; margin: 0 auto;padding:2% 0 3% 0;} .navpull1 .navpul_box .nav_ab dl dt{font-weight: bold;font-size:17px;color: #2478b5;border-bottom: 1px solid #dcdcdc;padding-bottom: 10px;margin-bottom: 10px;text-align: left;} .navpull1 .navpul_box .nav_ab dl dt img{max-width: 25px;margin-right: 10px;} .navpull1 .navpul_box .nav_ab{padding: 0;text-align: left;width: 25%;} .navpull1 .navpul_box .nav_ab:nth-child(2){} .navpull1 .navpul_box .nav_ab dd{line-height: 24px;font-size: 15px;margin-bottom:10px;} .navpull1 .navpul_box .nav_ab dd{ position: relative; padding-left: 12px;} .navpull1 .navpul_box .nav_ab dd::after {position: absolute;content: '';top: 50%;margin-top: -5px;left: 0px;border: 4px solid transparent;border-left-color: #2478b5;border-left-width: 5px;} .Top003124 .open-search{height:100%;} } @media(max-width:1024px){ .Top003124 menu li.promenu .navpull .navpullbox .navtabcon{display: none;} } /*Banner003172 */ .Banner003172{color: #fff;font-size: 100px;} .Banner003172 .tit{font-size: 0.5em; line-height: 1.2; font-weight: bold;} .Banner003172 .desc{font-size: 0.2em; margin-top: 0.625em; line-height: 1.5; opacity: 0.6;} .Banner003172 .txt aside{max-width: 60%; } .Banner003172 li{position: relative;} .Banner003172 .txt{position: absolute;left: 0%;top: 0;width: 100%;height: 100%;z-index: 10; } .Banner003172 .txt .ytable{height: 100%;} .Banner003172 .tit, .Banner003172 .desc{transform: translateY(30px); opacity: 0;transition: 1.2s 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);} .Banner003172 .desc{transition-delay: 1s;} .Banner003172 .ani-show .tit, .Banner003172 .ani-show .desc{transform: translateY(0); opacity: 1;} .Banner003172 .slick-dots{position: absolute;left: 50%;transform: translateX(-50%); bottom: 0.59em;z-index: 20;} .Banner003172 .slick-dots li{float: left;width: 12px; height: 12px; margin: 0 0.1em;background-color: #ffffff; border-radius: 50px;} .Banner003172 .slick-dots li.slick-active{width: 30px; background-color: #2478b5; } .Banner003172 .slick-dots li button{display: none;} .Banner003172 .slick-arrow { position: absolute; z-index: 10; top: 0%; background: url(../images/icon-jt.svg)no-repeat center; background-size: 50px auto; border: 0; font-size: 0; height: 100%; width: 7%; cursor: pointer; opacity: 0; transition: .5s all } .Banner003172 .slick-prev { left: 0; } .Banner003172 .slick-next { right: 0; transform: rotateY(180deg) } .Banner003172 .slick-arrow:hover{opacity: 1} @media(max-width: 1024px) { .Banner003172 .slick-arrow {background-size: 30px auto;} } @media (max-width:1600px) { .Banner003172{font-size: 6vw;} } @media (max-width:640px) { .Banner003172{margin-top: 11%;} .Banner003172 .slick-dots li{width: 0.4em;height: 0.4em; margin: 0 0.2em;} .Banner003172 .slick-dots li button{width: 0.2em; height: 0.2em; } .Banner003172 .slick-arrow {display: none!important;} } /*Floor002889 */ .Floor002889{overflow: hidden; position: relative; padding-top: 50px;background: url(../images/Floor002889-bg.jpg) no-repeat center center; background-size: cover;display: none;} .Floor002889 .Hometit{position: absolute; left: 0; font-size:5vw;color: #00192b;opacity: 0.04; line-height: 1;text-transform: uppercase;z-index:1;top: 0;width: 100%; font-weight: bold;} .Floor002889 .auto{position: relative; z-index: 1;} .Floor002889 .slider-txt .num{font-size:calc(70 / 16 * 1em); font-weight: bold;color: #2478b5;} .Floor002889 .slider-txt .name{color:#00192b;padding:1.5vw 0; font-size:calc(32 / 16 * 1em); font-weight: bold;} .Floor002889 .slider-txt p{line-height:1.8;color: #666;font-size:calc(18 / 16 * 1em);/* height:calc(120 / 16 * 1em); */ margin: 0;} .Floor002889 .slider-txt .btn{padding-top:3vw;} .Floor002889 .slider-txt .slick-arrow{width: 60px;height: 60px;border-radius: 50%;z-index: 2;position: relative;background:#fff;border: 1px solid #2478b5 } .Floor002889 .slider-txt .slick-arrow:before{position: absolute;content: '';width: 20%;height: 20%;border-left: 2px solid #2478b5;border-top: 2px solid #2478b5;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);left: 40%;top: 40%;} .Floor002889 .slider-txt .slick-next:before{transform: rotate(135deg);-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);} .Floor002889 .slider-txt .slick-prev{margin-right: 36px;} .Floor002889 .slider-txt .slick-arrow:hover{background:#2478b5;} .Floor002889 .slider-txt .slick-arrow:hover:before{border-color:#fff;} @media(max-width:768px){ .Floor002889 .slider-txt .slick-arrow{width: 8vw;height: 8vw;} .Floor002889 .slider-txt .slick-prev{margin-right: 5vw;} } .Floor002889 .dot-icon .slick-dots li{list-style: none;margin:1.2vw 0;} .Floor002889 .dot-icon .slick-dots li button{border: 0; border-radius:calc(50 / 18 * 1em);padding: 0 calc(25 / 18 * 1em);height:calc(70 / 18 * 1em);width:100%; text-align: left;cursor: pointer; background: none; font-size:calc(18 / 16 * 1em); background:#fff; box-shadow: 0 0 5px rgba(0,0, 0,0.1);} .Floor002889 .dot-icon .slick-dots li.slick-active button{background:#1d6da8; background: -moz-linear-gradient(top, #1d6da8 0%, #62a2c5 100%); background: -webkit-linear-gradient(top, #1d6da8 0%, #62a2c5 100%); background: linear-gradient(to bottom, #1d6da8 0%, #62a2c5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d6da8', endColorstr='#62a2c5', GradientType=1); } .Floor002889 .dot-icon .slick-dots li button > *{display: inline-block; vertical-align: middle;} .Floor002889 .dot-icon .slick-dots li b{color: #333; margin-left: calc(15 / 18 * 1em);font-weight: normal;} .Floor002889 .dot-icon .slick-dots li.slick-active b{color: #fff;} .Floor002889 .dot-icon .slick-dots li img{display: block;width: 100%; max-width:calc(30 / 15 * 1em);} .Floor002889 .dot-icon .slick-dots li img.on{display:none;} .Floor002889 .dot-icon .slick-dots li.slick-active img{display: none;} .Floor002889 .dot-icon .slick-dots li.slick-active img.on{display:block;} .Floor002889 .slider-pic{width:33.8545vw;height:33.8545vw;margin:6.7vw auto;position: relative;border-radius:50%;z-index: 5; } .Floor002889 .slider-pic ul .slick-list, .Floor002889 .slider-pic ul .slick-track, .Floor002889 .slider-pic ul li, .Floor002889 .slider-pic ul{height: 100%;} .Floor002889 .slider-pic .Ispic{height: 100%;border-radius:50%;} .Floor002889 .slider-pic .quan i{position: absolute;border-radius: 50%;border: 1px solid #2478b5;z-index: 1;} .Floor002889 .slider-pic .quan i:nth-child(1){left: 0;right: 0;top:0;bottom:0;border:none;} .Floor002889 .slider-pic .quan i:nth-child(2){left: 0%;right: 0%;top: 0%;bottom: 0%; animation: orbit linear 30s infinite; opacity: 0.9;} .Floor002889 .slider-pic .quan i:nth-child(2):before{position: absolute;content: '';width: 14px;height: 14px;border-radius: 50%;right: 11%;top: 16%;background: #2478b5; } .Floor002889 .slider-pic .quan i:nth-child(3){left: -15%;right: -15%;top: -15%;bottom: -15%; opacity: 0.13;} .Floor002889 .slider-pic .quan i:nth-child(4){left: -30%;right: -30%;top: -30%;bottom: -30%; opacity: 0.12;} .Floor002889 .slider-pic .quan i:nth-child(5){left: -50%;right: -50%;top: -50%;bottom: -50%; opacity: 0.1;} @keyframes orbit{ 0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)} to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)} } @media(min-width:1025px){ .Floor002889 .dot-icon, .Floor002889 .slider-txt{position: absolute; top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%); z-index: 10;} .Floor002889 .slider-txt{left: 0;width: 30%;max-width: 370px;} .Floor002889 .dot-icon{right: 0;width: 25%;max-width: 350px;} } @media(max-width:1024px){ .Floor002889 .dot-icon{overflow: hidden;} .Floor002889 .dot-icon li{float: left;width: 20%; } .Floor002889 .dot-icon .slick-dots li button{height: auto; padding: 1vw;text-align: center;} .Floor002889 .dot-icon .slick-dots li i{width: 4vw;display: block; margin: 0 auto 0.5vw;} .Floor002889 .dot-icon .slick-dots li b{font-size: 2.2vw;margin-left: 1vw;} .Floor002889 .slider-pic{width: 50vw;height: 50vw; margin: 0 auto 10vw;} .Floor002889 .slider-pic .quan i:nth-child(1):before{width: 12px; height: 12px;right: 11%; top: 15%;} } /*Floor002655 */ .Floor002655{ padding: 6% 0;/* display: none; */ } .Floor002655 li{ float:left; width:23.5%; margin-right:2%;margin-bottom:2%; } .Floor002655 li:nth-child(4n){ margin-right:0;} .Floor002655 li a{ display:block; position:relative;background:#fff; box-shadow:0 5px 20px rgba(36,120,181,.5); transition:0.3s;} .Floor002655 li .pic{overflow: hidden;} .Floor002655 li .Ispic {padding-bottom: 78%; background-size: contain;transition:0.3s;} .Floor002655 li:hover .Ispic{ transform: scale(1.1);} /* .Floor002655 li:nth-child(1) a{ background:#f6f6f6;} .Floor002655 li:nth-child(2) a{ background:#cde9fb;} .Floor002655 li:nth-child(3) a{ background:#e0ebff;} .Floor002655 li:nth-child(4) a{ background:#f2f2fe;} .Floor002655 li:nth-child(5) a{ background:#e8edf3;} .Floor002655 li:nth-child(6) a{ background:#ebf9ff;} */ .Floor002655 li .txt {/* position: absolute;left: 5%;top: 10%;width: 80%; */line-height: 1.6; padding:calc(15 / 16 * 1em) ; text-align: center;} .Floor002655 li .txt h2{ margin:0; font-size:calc(20 / 16 * 1em); color:#333; margin-bottom:calc(12 / 30 * 1em); line-height: 1.2;} .Floor002655 li .txt p{ font-size:calc(16 / 16 * 1em); color:#666; margin: 0;margin-bottom:calc(12 / 16 * 1em);} .Floor002655 li .txt span{ color:#333; } .Floor002655 li:hover .txt span{text-decoration:underline;color:#1952a1;} .Floor002655 li a:hover{ background:#fff;} @media(max-width:1366px){ } @media(max-width:768px){ .Floor002655 li{ float:none; width:auto; margin-right:0; margin-bottom:2%;} } @media(max-width:480px){ .Floor002655 li .txt h2{font-size:20px;} .Floor002655 li .txt p{ font-size:14px;} } /*Floor002841 */ .Floor002841{overflow: hidden;padding:6% 0 ;background: url(../images/Floor002841-bg.jpg) no-repeat center center; background-size: cover;} .Floor002841 .Hometitle{ text-align: left;} .Floor002841 .left .info{color: #333;line-height: 1.8;padding: 0 0 2vw 0;font-size: calc(18 / 16 * 1em); } .Floor002841 .more{display: inline-block;color: #7dc04d;padding: 0 33px;position: relative;border-radius: 0 30px 0 30px;border: 1px solid #7dc04d;} .Floor002841 .more:after{position: absolute;content: '';width: 6px;height: 4px;background: #7dc04d;top: 50%;margin-top: -2px;right: 0;transition: 0.3s;} .Floor002841 .more:hover:after{width: 0;} .Floor002841 .more span{display: block;line-height: 60px;position: relative;padding-left: 42px;font-size: 18px;} .Floor002841 .more span:before{position: absolute; left: 0; top: 50%; width: 18px; height: 10px; margin-top: -5px; content: '';background: url(../images/Floor002841-more2.png) no-repeat right center;transition: 0.3s;} .Floor002841 .more:hover span:before{ width: 30px;} .Floor002841 .right{position: relative; z-index: 1;overflow: hidden} .Floor002841 .open-video{position: absolute;left: 50%; margin-left:-28px; bottom: 41%; cursor: pointer; z-index: 10;} .Floor002841 .open-video i{display: block;width: 55px; height: 55px; border-radius: 50%; background: #7dc04d url(../images/Floor002841_btn.png) no-repeat left 56% center;position: relative; z-index: 4;} .Floor002841 .open-video:before, .Floor002841 .open-video:after{position: absolute; content: '';border-radius: 50%;background: #7dc04d; opacity: 0.2;-webkit-opacity: 0.2; animation: scale 3s infinite;-webkit-animation: scale 3s infinite;} .Floor002841 .open-video:before{left: -12px; top: -12px; bottom: -12px;right: -12px; animation-delay: 0.3s;} .Floor002841 .open-video:after{left: -22px; top: -22px; bottom: -22px;right: -22px;} @keyframes scale{ 0%{transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);} 50%{transform: scale(0.8);-webkit-transform: scale(0.8);-ms-transform: scale(0.8);} 100%{transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);} } @-webkit-keyframes scale{ 0%{transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);} 50%{transform: scale(0.8);-webkit-transform: scale(0.8);-ms-transform: scale(0.8);} 100%{transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);} } @-ms-keyframes scale{ 0%{transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);} 50%{transform: scale(0.8);-webkit-transform: scale(0.8);-ms-transform: scale(0.8);} 100%{transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);} } .video-box{ position:fixed; top:0; left:0; width:100%; height:100%; z-index:300; background:rgba(0,0,0,0.85);} .video-box .close{ cursor:pointer; width:40px; height:40px; position:fixed; z-index:4; right:20px; top:20px;} .video-box .close::before, .video-box .close::after{ position:absolute; content:''; width:80%; left:10%; height:3px; top:50%; margin-top:-1.5px; background:#fff; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);} .video-box .close::before{ transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);} .video-box .ytable{height: 100%;} .video-box .ytable-cell{ text-align:center;} .video-box video{ width:90%; max-width:900px;} .Floor002841 .number{ margin-top:3.25vw; } .Floor002841 .info-num li{float: left;width: 20%;/* border-left: 10px solid #2478b5;padding-left: 20px; */} .Floor002841 .info-num .icon{display: block; width:calc(30 / 16 * 1em); height: calc(30 / 16 * 1em); position: relative; } .Floor002841 .info-num .icon img{display: block; max-width:calc(35 / 16 * 1em); max-height: calc(35 / 16 * 1em); position:absolute; left: 50%; top: 50%;transform: translate(-50%,-50%);} .Floor002841 .info-num li aside{display: inline-block;position: relative;} .Floor002841 .info-num li aside b{font-size: calc(50 / 16 * 1em);color: #00192b;display: block; padding: calc(15 / 50 * 1em) 0 calc(10 / 50 * 1em);} .Floor002841 .info-num li aside sub{position: absolute;left: 100%;word-break: keep-all;bottom: 15%;font-size: 18px;margin-left: 8px;color: #333; font-weight: bold; } .Floor002841 .info-num li aside sup{position: absolute;left: 100%;word-break: keep-all;top: 15%;font-size: 24px;margin-left: 10px;color: #333;font-weight: bold;} .Floor002841 .info-num li p{font-size: calc(18 / 16 * 1em);color: #999; margin: 0;} @media(min-width:1025px){ .Floor002841 .right{ width: 50%;} .Floor002841 .left{ padding-right: 5%;} } @media(max-width:1024px){ .Floor002841 .auto:before{left: -2%; width: 104%;background-repeat: repeat-x;} .Floor002841 .right{max-width: 553px; margin: 0 auto;} .Floor002841 .left{padding-bottom: 5vw;} .Floor002820 .info-num li{text-align: center;} .Floor002820 .info-num li:not(:last-child){margin-bottom: 20px;} } @media(max-width:768px){ .Floor002841 .info-num li{ width: 33.33%; margin-bottom: 15px; } .Floor002841 .info-num li aside b { font-size: calc(50 / 22 * 1em); } } /*Floor003153 */ .Floor003153{padding: 5% 0; /* background: #f8f8f8; */} .Floor003153 .Hometitle{ text-align: left;} .Floor003153 .intro .edit-info{line-height: 2;font-size:calc(18 / 16 * 1em); color: #333; padding-bottom:calc(20 / 18 * 1em) ;} @media (min-width:1025px) { .Floor003153 .intro .img{width: 50%;} .Floor003153 .intro .info{padding-left: 5%; } } @media (max-width:1024px) { .Floor003153 .intro .img{margin-bottom: 2em;} } /*Floor003067 */ .Floor003067{background: url("../images/Floor003067_bg.jpg") no-repeat center center;background-size:cover;padding: 6% 0;} .Floor003067 .Hometitle{ text-align: left;} .Floor003067 .desc{font-size:calc(17 / 16 * 1em);line-height: 1.75; color: #333; padding: 0vw 0 1.8vw; } .Floor003067 >.ytable > .ytable-cell{vertical-align: top;} .Floor003067 .right li{ overflow: hidden;} .Floor003067 .right li a{color: #fff; display: block;position: relative; text-align: center;} .Floor003067 .right li .txt{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; transition: 0.3s;padding: 0 5%;} .Floor003067 .right li .Ispic{overflow: hidden;padding-bottom: 75.21%;position: relative; z-index: 1;} .Floor003067 .right li .Ispic:before{position: absolute; content: ''; left: 0; top: 0; width: 100%; background: #000;height: 100%; opacity: 0.3; transition: 0.3s;} .Floor003067 .right li a:before{position: absolute; content: '';background: #2478b5; border-radius: 50%; width: 100%;padding-bottom: 100%; z-index: 3;right: 100%; top: 50%; transform: translateY(-50%); transition: 0.3s;} .Floor003067 .right li .ytable{height: 100%;} .Floor003067 .right li .pic{margin: 0 auto 10px; display: table;position: relative;} .Floor003067 .right li .pic img{max-width: calc(50 / 16 * 1em);transition: 0.3s;} .Floor003067 .right li .pic .off{position: absolute; left: 0; top: 0; width: 100%;height: 100%; z-index: 10; opacity: 0;} .Floor003067 .right li .tit .t1{font-size:calc(18 / 16 * 1em);} .Floor003067 .right li .tit .t2{font-size: calc(14 / 16 * 1em);padding-top: 5px;} .Floor003067 .right li a:hover{color: #fff;} .Floor003067 .right li a:hover:before{right: 50%;opacity: 0.8;} .Floor003067 .right li a:hover .txt{width: 50%;} .Floor003067 .right li a:hover .en{color: #666;} .Floor003067 .right li a:hover .pic .off{opacity: 1;} .Floor003067 .right li a:hover .pic .on, .Floor003067 .right li a:hover .Ispic:before{opacity: 0.1;} .Floor003067 .right li a:hover .txt{width:48%;} .Floor003067 .right li a:hover .tit .t2{display:none;} @media(min-width:770px){ .Floor003067 .right li{float: left;} } @media(min-width:769px){ .Floor003067 .right ul{} .Floor003067 .right li{width: 24.25%; margin-bottom: 2%;} .Floor003067 .right li:not(:nth-child(4n)){margin-right:1%;} } @media(min-width:1025px){ .Floor003067 .left{width: 22%;position: relative;} /* .Floor003067 .left .Homemore{position: absolute; left: 0; bottom: 0;} */ .Floor003067 .right{padding-left: 3.5vw;} } @media(max-width:1024px){ .Floor003067 >.ytable, .Floor003067 >.ytable > .ytable-cell{display: block;} .Floor003067 .left, .Floor003067 .left .col-title{padding-bottom: 5vw;} } /* @media(min-width:641px) and (max-width:768px){ .Floor003067 .auto{position: relative;} .Floor003067 .left{position: absolute; left: 0; top: 0;width: 48%;} .Floor003067 .col-title{font-size: 5vw;} .Floor003067 .more a{font-size: 2.5vw;} .Floor003067 .right li{width: 48%; margin-bottom: 4%;} .Floor003067 .right li:not(:nth-child(2n-1)){margin-right:4%;} .Floor003067 .right li:nth-child(1){margin-left: 52%;} } */ @media(max-width:769px){ .Floor003067 .right li{margin-bottom: 3%;} } /*Floor0030531 */ .Floor0030531{ position: relative;} .Floor0030531 .Hometitle .t1{color: #fff;} .Floor0030531 .Homemore{text-align: center;} .Floor0030531 .Homemore a{ background-color: #fff;border: none;} .Floor0030531 .Homemore a:hover{background-color: #2478b5;} .Floor0030531 .main{color:#e5dbcb; padding:6% 0; background-position:center top; background-size:cover; background-repeat:no-repeat; background-attachment:fixed;position: relative;} .Floor0030531 .main::before{content: "";position: absolute;top: 0px;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);z-index: 2;} .Floor0030531 .list{ position: relative; color: #fff; overflow: hidden;z-index: 8; } .Floor0030531 .list .info { font-size:calc(20 / 16 * 1em); text-align: center; max-width: 55%;margin: 0 auto;line-height: 1.8;padding-bottom: 2%;} /*Floor003053 */ .Floor003053{padding: 5% 0; position: relative; overflow: hidden;} .Floor003053:after {position: absolute;content: '';transition: 0.3s;width: 120%;height: calc(500 / 1920 * 100vw);left: -10%;background: #f8f8f8;bottom: calc(-100 / 1920 * 100vw);transform: skewY(-5deg);z-index: -1;} .Floor003053 .list li a{display: block; position: relative;color: #fff;overflow: hidden;} .Floor003053 .list li .Ispic{ padding-bottom: 44%; transition: 0.3s;} .Floor003053 .list li a:hover .Ispic{transform: scale(1.1); } .Floor003053 .list li .name{position: absolute;z-index: 10; left: 2.5vw;right:2.5vw;} .Floor003053 .list li .name{ bottom:1.56vw;} .Floor003053 .list li .name::after{position: absolute;top: 50%;right:0; content: '';width: calc(14 / 16 * 1em);height: calc(14 / 16 * 1em);transform: rotate(45deg);border-top: 2px solid #fff;border-right: 2px solid #fff;margin-left: calc(20 / 16 * 1em);vertical-align: middle;} .Floor003053 .list li a:before{ position: absolute; content: ""; left: 0; bottom: 0; height: 100%; width: 100%; z-index: 5; transition: 0.3s; opacity: 0.6; background: -moz-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,0.8) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0) 50%, rgba(0,0,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#0a000000', GradientType=0 ); /* IE6-9 */ } .Floor003053 .list li:hover a:before{ opacity:1;} .Floor003053 .list li .name *{margin: 0;} .Floor003053 .list li .name h3{font-size: calc(32 / 16 * 1em); margin-bottom: calc(12 / 30 * 1em);} .Floor003053 .list li .name p{font-size: calc(16 / 16 * 1em);} @media(min-width:1025px){ .Floor003053 .list li{float: left; width: 45%;} .Floor003053 .list li:nth-child(1){width: 55%;} .Floor003053 .list li:nth-child(1) .Ispic{ padding-bottom: 72%;} } @media(max-width:1024px){ .Floor003053 .list li .name{font-size: 5vw;} .Floor003053 .list li .icon{top: 4vw;} .Floor003053 .list li .icon{left: 4vw;right:4vw;} .Floor003053 .list li .name{ bottom:4vw;} } @media(max-width:640px){ .Floor003053 .list li .icon dt{width: 15vw;} .Floor003053 .list li .icon dd{padding-left: 3vw;} .Floor003053 .list li .icon dd aside{font-size: 3vw; } .Floor003053 .list li .icon dd:before{width: 6vw;height: 6vw; margin-top: -3vw;} } /*Floor002479 */ .Floor002479{ background:url(../images/Floor002479_bg.png) no-repeat right bottom; padding:4% 0;} .Floor002479-2{ padding:4% 0 0 0;} .Floor002479 .inner{background: #f9f9f9;padding: 3%;} .Floor002479 .ytable-cell {vertical-align: top;} .Floor002479 .FormBox{} .Floor002479 .FormBox h5{margin: 0;font-size:calc(24 / 16 * 1em);margin-bottom:calc(25 / 24 * 1em); color: #333; } .Floor002479 .FormBox .form{} .Floor002479 .FormBox .form .itemBox{margin-bottom:calc(24 / 16 * 1em);} .Floor002479 .FormBox .form .itemBox.desBox{ position: relative;} .Floor002479 .FormBox .form .itemBox .item{float: left;width: 48%; position: relative;} .Floor002479 .FormBox .form .itemBox .item:nth-child(2n){float: right;} .Floor002479 .FormBox .form .itemBox.i100 .item{width: 100%;} .Floor002479 .FormBox .form .itemBox i{position: absolute;width: 16px;height: 16px;left: 5px;top: 50%;margin-top:-8px; background-repeat: no-repeat; background-size: contain;} .Floor002479 .FormBox .form .itemBox i.name{background-image:url(../images/name.png);} .Floor002479 .FormBox .form .itemBox i.phone{background-image:url(../images/phone.png);} .Floor002479 .FormBox .form .itemBox i.email{background-image:url(../images/email.png);} .Floor002479 .FormBox .form .itemBox i.pro{background-image:url(../images/pro.png);} .Floor002479 .FormBox .form .itemBox i.des{background-image:url(../images/des.png);} .Floor002479 .FormBox .form .itemBox i.country{background-image:url(../images/country.svg);background-size: 16px auto} .Floor002479 .FormBox .form .itemBox i.type{background-image:url(../images/type.svg);background-size: 16px auto} .Floor002479 .FormBox .form .itemBox .title{ padding: 0 10px; margin-bottom: 10px; display: block; text-align: left; } .Floor002479 .FormBox .form .itemBox input, .Floor002479 .FormBox .form .itemBox select{width: 100%;line-height:50px;padding: 0 10px;border: 0;color: #666;font-size:calc(16 / 16 * 1em);border:1px solid #e5e5e5;height: 50px; background: none; } .Floor002479 .FormBox .form .itemBox select{display: block!important; } .Floor002479 .FormBox .form .itemBox.desBox textarea{padding:10px;height: 130px;width: 100%;background:none;border:1px solid #e5e5e5;font-size:calc(16 / 16 * 1em);} .Floor002479 .FormBox .form .itemBox.desBox i{top: 8px;margin-top:0;} .Floor002479 .FormBox .form .moreBtn{margin-left: 30px;margin-top:calc(20 / 16 * 1em);} .Floor002479 .FormBox .form .btn{width: 10em; background: #2478b5;border-radius: 5px;font-size:calc(16 / 16 * 1em);height: 3.25em;color: #fff;cursor: pointer; border: 0;} .formitem .iti{ width: 100%;} .formitem .iti input{ padding-left: 60px!important;} .formitem .item .hover{ position: absolute; right: 10px; bottom: 15px; width: 30px; height: 20px; z-index: 3;} .formitem .item .wh{ display: block; width: 30px; height: 20px; background: url(../images/question-mark-phone.svg) no-repeat center; background-size: contain; margin: 0;position: static; } .formitem .item .con{ display: none; position: absolute; left: 50%; top: 100%; width: 200px; padding: 10px; border-radius: 10px; background-color: #2478b5; color: #fff; transform: translateX(-50%); } .formitem .item .hover:hover .con{ display: block;} .Floor002479 .txtBox h5{font-size:calc(28 / 16 * 1em); color: #333; margin: 0; margin-bottom:calc(25 / 28 * 1em);} .Floor002479 .txtBox .desc{font-size:calc(18 / 16 * 1em);color: #666; line-height: 1.75;} .Floor002479 .txtBox .desc + h5{margin-top:calc(20 / 16 * 1em); border-top: 1px solid #ededed; padding-top:calc(15 / 16 * 1em) ;} .Floor002479 .txtBox li{ padding: calc(12 / 16 * 1em) 0; line-height: 1.7; padding-left: 36px;background-repeat:no-repeat;background-position: left calc(13 / 16 * 1em); background-size: 22px auto; font-size: calc(16 / 16 * 1em);color: #333;display: inline-block;width: 100%} .Floor002479 .txtBox li+li{ border-top: 1px solid #ededed;} .Floor002479 .txtBox li.add{background-image:url(../images/Floor002479-add.png);} .Floor002479 .txtBox li.phone{background-image:url(../images/Floor002479-phone.png);} .Floor002479 .txtBox li.tel{background-image:url(../images/Floor002479-tel.png);} .Floor002479 .txtBox li.email{background-image:url(../images/Floor002479-email.png);} .Floor002479 .txtBox li.service{background-image:url(../images/Floor002479-service.png);} .Floor002479 .txtBox li.ewm{background-image:url(../images/Floor002479-ewm.png);background-position: left center;} .Floor002479 .txtBox li.ewm img{max-width: 110px;} @media(min-width:1025px){ .Floor002479 .FormBox{width:52%; } .Floor002479 .txtBox{ text-align:left; padding-left: 8%;} .Floor002479 .txtBox li.email, .Floor002479 .txtBox li.service, .Floor002479 .txtBox li.ewm{width: 49%;} } /*Bottom002900 */ .Bottom002900{background: #00192b;padding: 4vw 0 1.5vw 0;} .Bottom002900, .Bottom002900 a { color: rgba(255,255,255,0.85); } .Bottom002900 .contact .logo img{width: 120px;} @media(min-width:1441px) { .Bottom002900 .inner { margin: 0 auto; } } .Bottom002900 .b_nav nav dd a { opacity: 0.85; } .Bottom002900 .contact .logo{ width: calc( 200 / 16 * 1em);} @media(min-width:1025px) { .Bottom002900 .contact { width: 22%; } .Bottom002900 .contact .logo { width: 72%; } .Bottom002900 .b_nav { width: 75%; max-width: 1200px; } } .Bottom002900 .solgan{font-size: calc(24 / 16 * 1em);letter-spacing: 1px;} @media(max-width:1024px){ .Bottom002900 .solgan{padding: 4vw 0;} .Bottom002900 .solgan span{display: block;} } .Bottom002900 .b_nav nav{ } .Bottom002900 .b_nav nav a{color: #fff;font-size: calc(16 / 16 * 1em); display: inline-block;} .Bottom002900 .b_nav nav a:not(:last-child):after{display: inline-block; content: '·'; margin:0 calc(36 / 18* 1em);} .Bottom002900 .b_nav nav a:hover{color: #2478b5;} @media(max-width:1770px) { .Bottom002900 .b_nav nav a:not(:last-child):after{ margin:0 calc(20 / 18* 1em); } } @media(min-width:1025px){ .Bottom002900 .b_nav{} .Bottom002900 .b_nav nav{} } .Bottom002900 .b_nav nav { } .Bottom002900 .b_nav nav dl { float: left; max-width: 200px; } .Bottom002900 .b_nav nav dt {font-size: calc(18 / 16 * 1em); font-weight: bold; border-bottom: 1px solid rgba(255,255,255,0.1); position: relative; padding-bottom: 24px; margin-bottom: 18px; } .Bottom002900 .b_nav nav dt:after { display: block; content: ''; width: 18px; height: 2px; background-color: #2478b5; position: absolute; left: 0; bottom: -1px; } .Bottom002900 .b_nav nav dd {text-align: left; line-height:calc(26 / 15 * 1em);padding: calc(3 / 15 * 1em) 0;font-size: calc(15 / 16 * 1em);} @media(max-width:1024px) { .Bottom002900 .b_nav nav { display: none; } } .Bottom002900 aside { padding-bottom:calc(15 / 16 * 1em);} .Bottom002900 aside a { opacity: 0.75; } .Bottom002900 aside a:not(:last-child):after { display: inline-block; content: ''; margin: 0 calc(20 / 16 * 1em);width: 2px; height: 2px; vertical-align: middle; background: rgba(0,0,0,0.5); } .Bottom002900 .copyright { color: rgba(255,255,255,0.75); line-height:calc(30 / 16 * 1em);border-top: 1px solid rgba(255,255,255,0.1); padding-top:calc(25 / 16 * 1em);margin-top:calc(30 / 16 * 1em);font-size: 14px;} .Bottom002900 .copyright a { opacity: 0.75; } .Bottom002900 a:hover { color: #fff; opacity: 1!important; } .Bottom002900 .contact .num {font-size:calc(32 / 16 * 1em); line-height: 1; font-weight: bold; color: #fff; padding-bottom: calc(15 / 32 * 1em);} .Bottom002900 .contact p { margin: 0; line-height: 1.5; } .Bottom002900 .contact p+p { margin-top: calc(10 / 16 * 1em);} .Bottom002900 .share { margin: 2vw 0 2.75vw 0; } .Bottom002900 .share li { float: left; position: relative; } .Bottom002900 .share li figure { position: absolute; left: 0; bottom: 100%; width: 120px; padding: 5px; background: #fff; margin-bottom: 10px; border-radius: 5px; display: none; } .Bottom002900 .share li figure img { display: block; width: 100%; } .Bottom002900 .share li figure:before { position: absolute; content: ''; border: 5px solid transparent; left: 25px; top: 100%; border-top-color: #fff; } .Bottom002900 .share li:not(:last-child) { margin-right:calc(6 / 16* 1em);; } .Bottom002900 .share li a { display: block; border: 1px solid rgba(255,255,255,0.1); background: rgba(255,255,255,0.1); width: calc(40 / 16 * 1em); height: calc(40 / 16 * 1em); background-position: center center; background-repeat: no-repeat; border-radius: 50%; cursor: pointer; background-size: auto 55%; } .Bottom002900 .share li a.fb { background-image: url("../images/Bottom002900_fb.svg"); } .Bottom002900 .share li a.in { background-image: url("../images/Bottom002900_in.svg"); } .Bottom002900 .share li a.tu { background-image: url("../images/Bottom002900_tu.svg"); } .Bottom002900 .share li a.tik { background-image: url("../images/Bottom002900_tik.svg"); } .Bottom002900 .share li a.sky { background-image: url("../images/Bottom002900_sky.svg"); } .Bottom002900 .share li a.ins { background-image: url("../images/Bottom002900_ins.svg"); } .Bottom002900 .share li a:hover { background-color: #2478b5; } @media(min-width:1025px) { .Bottom002900 .contact .tit {padding-bottom: calc(18 / 15 * 1em); opacity: 0.8; font-size: calc(15 / 16 *1em);} } @media(min-width:1025px) and (max-width:1280px) { .Bottom002900 .share li:not(:last-child) { } } @media(max-width:768px){ .Bottom002900 .share{margin:5vw 0 0 0;} } /*Banner003069 */ .Banner003069 { position: relative; z-index: 1; } .Banner003069 .Ispic { width: 100%; height: 31.25em;} .Banner003069 .txt {position: absolute;left: 0;top: 50%;width: 100%;z-index: 10;color: #fff;transform: translateY(-50%); text-align: center;} .Banner003069 .tit { font-size: calc(45 / 16 * 1em); font-weight: bold; line-height: 1; } .Banner003069 .desc { font-size: calc(24 / 16 * 1em); margin-top: calc(15 / 24 * 1em);} @media (min-width:1025px) { .Banner003069 .wap{display: none;} } @media (max-width:1024px) { .Banner003069 .pc{display: none;} .Banner003069 {margin-top: 11%;} } /*Columnmenu*/ .Columnmenu{background:#fff; border-bottom: 1px solid #eee; position:relative;z-index:1;} .Columnmenu .auto{width: 92%;} .Columnmenu ul{display:table;margin:0 auto;} .Columnmenu li{float:left;padding:0 calc(20 / 18 * 1em);position:relative;} .Columnmenu li:after{position:absolute;content:'';width:1px;right:0;top:50%;height:14px;margin-top:-7px;background:#dfdfdf;} .Columnmenu li:last-child:after{display:none;} .Columnmenu li a{display:block;font-size:calc(18 / 16 * 1em);position:relative;overflow:hidden;line-height:calc(70 / 16 * 1em);height:calc(70 / 16 * 1em);} .Columnmenu li a:after{position:absolute;left: 50%;transform: translateX(-50%);bottom:0;content:'';height:2px;width:0;background:#2478b5;transition: 0.3s;} .Columnmenu li.aon a, .Columnmenu li:hover a{color:#2478b5;} .Columnmenu li.aon a:after, .Columnmenu li:hover a:after{width: 100%;} @media(max-width:1024px){ .Columnmenu ul{display: flex;overflow-y: auto;} .Columnmenu li{padding:0 calc(60 / 1920 * 100vw);width: 100%;} .Columnmenu li a{line-height:50px;height:50px;width: 170px;} } .column_title { text-align: center; margin-bottom: calc(40 / 16 * 1em); } .column_title .cn {font-size:calc(40 / 16 * 1em); color: #00192b; font-weight: bold;} .column_title .desc{text-align: center;font-size:calc(18 / 16 * 1em); color: #333; line-height: 1.75; margin-top:calc(15 / 18 * 1em) ;} @media (max-width:1024px) { .column_title{margin-bottom: 1.5em;} .column_title .cn{font-size:1.875em; } } .Content{ padding: 4% 0 ;} .w22,.w75{padding-bottom: 0;} .Menu002306{border-radius: 10px;overflow:hidden;} .Menu002306 .side-title{ line-height:calc(90 / 30 * 1em); background-color: #2478b5; font-weight: bold; font-size:calc(30 / 16 * 1em);color:#fff; padding:0 20px; position: relative;} .Menu002306 .side-menu{ overflow:hidden;border: 1px solid #eee;border-top: 0;} .Menu002306 .side-menu li a{ display:block;line-height:38px;background: #fff;} .Menu002306 .side-menu > ul > li:not(:last-child){ border-bottom:1px solid #eee;} .Menu002306 .side-menu > ul > li >a{ padding:0 15px;color:#333; line-height:calc(55 / 16 * 1em);font-size: calc(16 / 16 * 1em); position:relative;} .Menu002306 .side-menu > ul > li >a::after{ position:absolute; content:''; width:10px; height:10px;right:24px; top:50%; margin-top:-5px;border: 2px solid #ccc;border-left: 0;border-bottom: 0;transform: rotate(45deg);transition: 0.3s all} .Menu002306 .side-menu > ul > li ul{ display:none; padding:10px 15px;} .Menu002306 .side-menu > ul > li > ul{ padding-left:25px; padding-right:25px;} .Menu002306 .side-menu > ul > li > ul > li > a{ } .Menu002306 .side-menu ul li ul li ul li a::before{ display:inline-block; content:''; vertical-align:middle;width: 3px;height: 3px;background: #555; margin-right:10px;} .Menu002306 .side-menu li > a:hover, .Menu002306 .side-menu > ul >li.aon > a{ background-color:#f5f7fa;color:#2478b5; } .Menu002306 .side-menu > ul >li.aon > a::after{ transform:rotate(135deg); border-color:#2478b5; } .Menu002306 .side-menu ul li ul li > a:hover{ background-color:transparent;color:#2478b5;font-weight: normal;} .Menu002306 .side-menu ul li ul li.aon > a{ color:#2478b5; position: relative; background: transparent;} .Menu002306 .side-menu > ul >li > ul >li.aon > a{border-bottom: 1px solid #eee;} .Menu002306 .side-menu ul li ul li > a::before{ display:inline-block; content:''; vertical-align:middle;width: 4px;height: 4px; border-radius: 50px; background: #ccc; margin-right:10px;} .Menu002306 .side-menu ul li ul li> a:hover::before, .Menu002306 .side-menu ul li ul li.aon > a::before{background: #2478b5;} .Menu002306 .side-menu ul li .op{position: absolute;top:0; left: 0; width: 100%; height: 100% } .Menu002306 .side-menu > ul > li > ul> li > ul{ padding-left:10px; padding-right:10px;} .Menu002306 .side-open_menu{ display:none;} @media(min-width:1025px){ .Menu002306 .side-menu{ display:block !important;} } @media(max-width:1024px){ .Menu002306{ margin-bottom: 1.5em;} .Menu002306 .side-title{line-height: calc(45 / 16 * 1em);} .Menu002306 .side-other{ display:none;} .Menu002306 .side-open_menu{ display:block; border:2px solid #2478b5; padding:10px 20px 10px 20px;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-weight:bold; color:#2478b5; border-radius:0 0 10px 10px; position:relative; font-size: 18px} .Menu002306 .side-open_menu::after{ position:absolute; content:''; border:6px solid transparent; border-top-color:#2478b5; right:10px; top:50%; margin-top:-3px;} .Menu002306 .side-menu{ display:none; padding-bottom:20px;} } /*PicList002124 */ .PicList002124 {padding: 0 0 4% 0; } .PicList002124 li{ float:left; text-align: center; width:32%; margin-right: 2%; margin-bottom: 2%; } .PicList002124 li a { display: block; background: #fff;border: 1px solid #e8e8e8; overflow: hidden;border-radius: 10px; } .PicList002124 li .pic { overflow: hidden; position: relative; } .PicList002124 li .Ispic { padding-bottom: 79.5%; transition: 0.3s; } .PicList002124 li a:hover .Ispic { transform: scale(1.08); } .PicList002124 li .name { padding: 15px 10px; text-align: center; transition: .3s; } .PicList002124 li aside {font-size: calc(18 / 16 * 1em);color: #333; line-height: 1.5; overflow: hidden; } .PicList002124 li:hover aside{ color: #2478b5; } .PicList002124 li .more { display: block; max-width: 110px; margin: 0 auto; margin-top: 12px; padding: 8px 12px; font-size: 14px; border: 1px solid #2478b5; border-radius: 50px; text-align: center;color: #2478b5;overflow: hidden; transition: 0.5s; } .PicList002124 li:hover .more{background: #2478b5 ;color: #fff; } @media (min-width: 1025px) { .PicList002124 li:nth-child(3n){margin-right:0; } } @media (max-width: 1024px) { .PicList002124 li {width: 48.5%;margin-right: 3%} .PicList002124 li:nth-child(2n) {margin-right:0;} } /*RighInfo002092 */ .RighInfo002092{ padding:4% 0;} .RighInfo002092 .wrap{ border: solid 1px #eee;padding: 1%;margin-bottom: 4%; border-radius: 10px;} .RighInfo002092 .list_img{} .RighInfo002092 .big{ margin-bottom:20px;} .RighInfo002092 .big li figure{ padding-bottom:65%; background-size:contain;} .RighInfo002092 .small{ padding:0 20px; position:relative;} .RighInfo002092 .small li figure{ margin:0 auto; padding-bottom:60%; background-size:contain; max-width:90%; border:1px solid #eee;cursor: pointer;} .RighInfo002092 .small li.slick-current figure{ border-color:#2478b5;} .zoomContainer{ z-index:100;} .RighInfo002092 .small .slick-arrow{position:absolute;width:18px;height:18px;top:50%;margin-top:-9px;overflow:hidden;font-size: 0;cursor: pointer;z-index:10;border: 0;background: none;padding: 0;border-top: 3px solid #ddd;border-left: 3px solid #ddd;transform:rotate(-45deg);} .RighInfo002092 .small .slick-prev{ left:0px;} .RighInfo002092 .small .slick-next{transform:rotate(135deg); right:0px;} .RighInfo002092 .small .slick-arrow:hover{ border-color: #2478b5;} .RighInfo002092 .small .slick-disabled{ cursor:default; } .RighInfo002092 .small .slick-disabled:hover{ border-color: #ddd;} .RighInfo002092 .intro h1 {margin: 0; padding: 0% 0 3% 0; margin-bottom: 5%;color: #333;font-size: calc(32 / 16 * 1em);border-bottom: solid 1px #eee;} .RighInfo002092 .intro .txt{font-size: calc(16 / 16 * 1em); color: #666;line-height: 1.75;} .RighInfo002092 .intro .txt p{ position: relative; padding-left: 16px;} .RighInfo002092 .intro .txt p:before {position: absolute;content: '';width: 6px;height: 6px;border-radius: 50%;background: #2478b5;left: 0;top: 10px;} .RighInfo002092 .intro dl{ position:relative; padding-left:90px;margin-bottom:18px;font-size:16px; line-height: 1.6;} .RighInfo002092 .intro dt{ position:absolute; left:0; width:85px; } .RighInfo002092 .intro dd{color:#333;} .RighInfo002092 .intro dd figure{ position:relative; z-index:1;} .RighInfo002092 .intro .buy{ padding-top: 5%; overflow:hidden;} .RighInfo002092 .intro .buy a{display: inline-block;font-size:calc(16 / 16 * 1em);color: #fff;box-shadow: 0px 10px 30px rgba(218, 37, 29, 0.08);border-radius: 50px; margin: 0 5px;text-align: center; line-height: 3.3333;padding: 0 calc(25 / 16 * 1em); cursor: pointer;transition:0.3s;} .RighInfo002092 .intro .buy a.request{background-color: #2478b5;} .RighInfo002092 .intro .buy a.download{background-color: #00192b;} .RighInfo002092 .intro .buy a:before{display: inline-block; vertical-align: top;content: '';background-size: contain;background-position: center; background-repeat: no-repeat; width: 1.3888em;height: 3.3333em;margin-right: 0.5555em;} .RighInfo002092 .intro .buy a.request:before{background-image: url(../images/RighInfo002092-icon-file.svg);} .RighInfo002092 .intro .buy a.download:before{background-image: url(../images/RighInfo002092-icon-download.svg);} .RighInfo002092 .intro .buy a:hover{ background-color:#2478b5; } .RighInfo002092 .tab{ } .RighInfo002092 .ul_tab{border-bottom:1px solid #e8e8e8;} .RighInfo002092 .ul_tab li{ float:left; padding: 0 calc(30 / 24 * 1em); overflow:hidden; text-align:center; font-size:calc(24 / 16 * 1em); color:#333; cursor:pointer; line-height:3;} .RighInfo002092 .ul_tab li.active{ color:#fff; background-color:#2478b5; font-weight: bold;} .RighInfo002092 .tab_info .name{font-size: calc(30 / 16 * 1em);padding-bottom: 10px;color: #333;line-height: 2;border-bottom: 1px solid #efefef;font-weight: bold;} .RighInfo002092 .tab_info .info{margin: 2% 0 1% 0;} .RighInfo002092 .tab_info .singlePage{ margin: 2% 0 1% 0; font-size: calc(18 / 16 * 1em); color: #666;line-height: 2;} .RighInfo002092 .tab_info .singlePage p{ margin: 0;} .RighInfo002092 .tab_info .singlePage h3{color: #333;font-size: calc(20 / 16 * 1em);} .RighInfo002092 .tab_info .singlePage strong{color: #333;} .RighInfo002092 .pictext{ padding-top: 4%;} .RighInfo002092 .pictext .t1{font-size:calc(30 / 16 * 1em); font-weight: bold; line-height: 1; padding-bottom: calc(20 / 30 * 1em); color: #333;} .RighInfo002092 .table_1 th {font-weight: normal;} .RighInfo002092 .table_1 th, .RighInfo002092 .table_1 td{ text-align:left; border:1px solid #eee; border-collapse:collapse; line-height:24px; padding:13px;font-size:calc(16 / 16 * 1em);} .RighInfo002092 .table_1 tr:nth-child(2n+1){ background: #f5f7fa;} .RighInfo002092 .table_1 tr.blue{ background:#2478b5;color: #fff} @media (min-width:1025px) { .RighInfo002092 .list_img{width: 48%;} .RighInfo002092 .intro {padding: 0 2% 0 5%;} .RighInfo002092 .pictext .text{ float: left; width: 48%;} .RighInfo002092 .pictext .pic{ float: right;width: 48%;} } @media(max-width:768px){ .zoomContainer{ display:none;} .RighInfo002092 .ul_tab {display: flex;align-items: center;} .RighInfo002092 .ul_tab li{ float:left; padding: 0 calc(30 / 24 * 1em); overflow:hidden; text-align:center; font-size:calc(16 / 16 * 1em); color:#333; cursor:pointer; line-height:3;} .RighInfo002092 .intro .buy a.request{background-color: #2478b5;margin-bottom: 10px;} } @media(max-width:640px){ .RighInfo002092 .list_img, .RighInfo002092 .intro{ float:none; width:auto;} .RighInfo002092 .intro{ margin-top:3%;} .RighInfo002092 .tab_info .applist li{width:49%;} .RighInfo002092 .tab_info .applist li:nth-child(3n){ margin-right:2%;} .RighInfo002092 .tab_info .applist li:nth-child(2n){ margin-right:0;} .RighInfo002092 .tab_info .applist li h2{font-size:14px;} } /*Page002623 */ .Page002623{padding: 0vw 0 4% 0; text-align: center;font-family: Arial;font-size: 18px;} .Page002623 .Pages a.a_first, .Page002623 .Pages a.a_end, .Page002623 .Pages > span:not(.p_page){display: none;} .Page002623 .Pages em{float: left;margin: 0 1.5vw; font-style: normal;} .Page002623 .Pages .p_page{display: table; margin: 0 auto;} .Page002623 .Pages a{float: left;line-height: 50px; width: 50px; margin: 0 2px; border-radius: 5px;} .Page002623 .Pages a.a_cur, .Page002623 .Pages a:hover{color: #fff;background: #2478b5;} .Page002623 .Pages .p_page > a{font-size: 0;height: 50px;position: relative;} .Page002623 .Pages .p_page > a:before{position: absolute; content: '';border:5px solid transparent; left: 50%; top: 50%; margin: -5px 0 0 -10px;} .Page002623 .Pages .p_page > a.a_prev:before{border-right-color: #00192b;border-right-width: 8px;} .Page002623 .Pages .p_page > a.a_next:before{border-left-color: #00192b;border-left-width: 8px; margin-left: -4px;} .Page002623 .Pages a.a_prev:hover:before{border-right-color: #fff;} .Page002623 .Pages a.a_next:hover:before{border-left-color: #fff;} @media(max-width:640px){ .Page002623{padding: 6vw 0 8vw 0;} .Page002623 .Pages em{display: none;} .Page002623 .Pages a{background-color: #eee;} } .BondAbout{ padding:4% 0;} .BondAbout .box{border: 1px solid #eee; border-radius: 10px; padding:2% 5%; } .BondAbout .info .tit{font-size:calc(32 / 16 * 1em); font-weight: bold; line-height: 1; margin-bottom: calc(20 / 24 * 1em); color: #333;} .BondAbout .info p{ line-height: 1.75; color: #666;font-size:calc(18 / 16 * 1em);} @media(min-width:1025px){ .BondAbout .pic{width: 40%;} .BondAbout .info{padding-right: 6%;} } .column{background: #f5f7fa;padding: 3% 0;} .column .column_title{ margin-bottom: 0;} .Bondlist{ padding: 4% 0; } .Bondlist .edit_info{padding-top: 4%;} .Bondlist .edit_info .title{font-size: calc(24 / 16 * 1em);color: #333; font-weight: bold; text-align: center; line-height:1; margin-bottom: calc(16 / 24 * 1em);} .Bondlist .edit_info .img{text-align: center;} .Bondlist .list{ } .Bondlist .list .item{display: flex;justify-content: space-between;align-items: center;background-color: #f9f9f9; overflow: hidden;} .Bondlist .item .left{width: 50%;overflow: hidden;} .Bondlist .item .imgbox{overflow: hidden;} .Bondlist .item .imgbox img{transition:0.3s; } .Bondlist .item .right{width: 50%;padding:1% 5%; } .Bondlist .item .tit{font-size: calc(24 / 16 * 1em);color: #333; font-weight: bold; line-height:1; margin-bottom: calc(16 / 24 * 1em);position: relative; padding-left: 16px;} .Bondlist .item .tit:before {position: absolute;content: '';width: 6px;height: 6px;border-radius: 50%;background: #2478b5;left: 0;top: 10px;} .Bondlist .item p{font-size: calc(18 / 16 * 1em);color: #666;line-height:1.75;} .Bondlist .item p + .tit{margin-top: calc(20 / 16 * 1em);} .Bondlist .item:nth-child(2n){flex-direction: row-reverse; } @media (max-width: 1024px){ .Bondlist .list .item{flex-wrap: wrap;} .Bondlist .item .left{width: 100%;margin-bottom: 2%;} .Bondlist .item .left img{object-fit: cover;} .Bondlist .item .right{width: 100%;margin-bottom: 2%;} .Bondlist .item:nth-child(2n) {flex-direction: row;} .Bondlist .item .desc{margin: 10px 0;} } .OpticalAdv{ padding: 4% 0; } .OpticalAdv .list .item{display: flex;justify-content: space-between;align-items: center;border: 1px solid #eee; margin-bottom: 2%; overflow: hidden;} .OpticalAdv .item .left{width: 30%; padding:0 0 0 2%;} .OpticalAdv .item .mid{width: 35%;padding:0 2%;} .OpticalAdv .item .right{width: 35%;overflow: hidden; } .OpticalAdv .item .imgbox{overflow: hidden;} .OpticalAdv .item .imgbox img{transition:0.3s;max-width: 100%; } .OpticalAdv .item .tit{font-size: calc(30 / 16 * 1em);color: #333; font-weight: bold; line-height:1; } .OpticalAdv .item .desc{font-size: calc(18 / 16 * 1em);color: #666;line-height:1.75;} .ServiceAdv{padding:0 0 4% 0; } .ServiceAdv .box{background: #f5f7fa;margin-bottom: 15px;} .ServiceAdv .info{ padding: 1% 5%;} .ServiceAdv .info .tit{font-size:calc(32 / 16 * 1em); font-weight: bold; line-height: 1; padding-bottom: calc(20 / 32 * 1em); color: #333;} .ServiceAdv .info p{ line-height: 1.75; color: #666;font-size:calc(18 / 16 * 1em);} @media(min-width:1025px){ .ServiceAdv .pic{width: 45%;} .ServiceAdv .info{padding-right: 5%;} } @media(max-width:768px){ .OpticalAdv .item .left,.OpticalAdv .item .mid,.OpticalAdv .item .right{width: 100%;} .OpticalAdv .list .item{display: flex;flex-direction: column;} .OpticalAdv .item .tit{text-align: center;} .OpticalAdv .item .desc{text-align: center;} } .OpticalApp{padding: 4% 0;} .OpticalApp .box{} .OpticalApp .info .tit{font-size:calc(32 / 16 * 1em); font-weight: bold; line-height: 1; padding-bottom: calc(20 / 32 * 1em); color: #333;} .OpticalApp .info p{ line-height: 1.75; color: #666;font-size:calc(18 / 16 * 1em);} @media(min-width:1025px){ .OpticalApp .pic{width: 42%;} .OpticalApp .info{padding-right: 5%;} } .Applica{padding: 4% 0; background-color: #2478b5;} .Applica .column_title .cn{ color: #fff;} .Applica .list{ padding-top: 1vw;} .Applica ul{ display: flex;flex-wrap: wrap;} .Applica li{ float: left; margin-right: 2%; transition: 0.3s; text-align: center;} .Applica li .icon{ margin-bottom:calc(25 / 16 * 1em) ;} .Applica li .icon img{max-width: calc(100 / 16 * 1em); } .Applica li .tit{font-size:calc(20 / 16 * 1em); font-weight: bold;color: #fff; } @media(min-width:1025px){ .Applica li{width: 18.3%;} .Applica li:nth-child(5n){margin-right: 0;} } /*RighInfo002522 */ .RighInfo002522{ padding:4% 0;} .RighInfo002522 .desc{ text-align: center;font-size:calc(18 / 16 * 1em); color: #333; line-height: 1.75; } .RighInfo002522 .list{ display: flex; flex-wrap: wrap;margin-top: 2vw;} .RighInfo002522 .list dl{ float:left; width:100%; display:table; border:1px solid #eee; border-radius: 10px;margin-bottom:1%;padding: 1% 1% 1% 0;} .RighInfo002522 .list dl > *{ display:table-cell; vertical-align:middle;} .RighInfo002522 .list dt{ width:95px;} .RighInfo002522 .list dt b{ display:block;width:60px; height:60px;line-height:60px; border-radius:50%; background:#2478b5; color:#fff; font-size:calc(30 / 16 * 1em); position:relative; overflow:hidden; text-align:center; margin:20px auto;} .RighInfo002522 .list dt b::after{ position:absolute; content:''; width:28px; height:10px; background:#00192b; bottom:0; right:0;} .RighInfo002522 .list dd h2{margin:0;font-size:calc(24 / 16 * 1em);color:#333;font-weight: bold; line-height: 1; margin-bottom: calc(10 / 24 * 1em);} .RighInfo002522 .list dd p{ font-size:calc(15 / 16 * 1em); color:#666; line-height: 1.6; margin: 0;} @media(min-width:769px){ .RighInfo002522 .list dl{width:32.5%;margin-right:1%;} .RighInfo002522 .list dl:nth-child(3n){ margin-right:0;} .RighInfo002522 .list dl:nth-child(3n+1){ clear:left;} } @media(max-width:768px) and (min-width:481px){ .RighInfo002522 .list dl{ width:48%;} .RighInfo002522 .list dl:nth-child(2n){ float:right;} .RighInfo002522 .list dl:nth-child(2n+1){ clear:left;} } /*RighInfo003138 */ .RighInfo003138{padding: 4% 0; background: #f5f5f5;} .RighInfo003138 .desc {} .RighInfo003138 ul{ display: flex;flex-wrap: wrap; } .RighInfo003138 li{ background: #fff; transition: 0.3s; border-radius: 10px;color: #333; box-shadow: 0 0.875em 2.5em rgba(0, 0, 0, 0.06); } .RighInfo003138 li:hover{background: #2478b5; } .RighInfo003138 li .txt{ padding: calc(30 / 16 * 1em);} .RighInfo003138 li .txt .tit{font-size:calc(24 / 16 * 1em);font-weight: bold;line-height: 1;color: #333;} .RighInfo003138 li .txt p{ font-size: calc(16 / 16 * 1em); line-height: 1.75; color: #666;} .RighInfo003138 li:hover .txt *{ color: #fff;} @media (min-width:1025px) { .RighInfo003138 li{ width: 23.5%;margin-right: 2%;} .RighInfo003138 li:nth-child(4n){margin-right: 0;} } @media (max-width:1024px) { .RighInfo003138 li{ margin-bottom: 2%;} } .Custom{padding: 4% 0;} .Custom .slider{ display: flex;flex-wrap: wrap; } .Custom .slider li{ float: left; margin-right: 2%; margin-bottom: 2%; background: #f5f7fa; box-shadow: 0 12px 20px rgba(0, 25, 43, 0.1); border-radius: 10px;color: #333;position: relative; } .Custom .slider li .txt{ padding:calc(30 / 16 * 1em) ;} .Custom .slider li .txt .num{font-size:calc(80 / 16 * 1em);font-weight: bold;color: #2478b5; opacity: 0.1; position: absolute; bottom: -10px; right: 5px;} .Custom .slider li .txt .tit{font-size:calc(24 / 16 * 1em);font-weight: bold;line-height: 1;color: #333;padding-bottom:calc(12 / 24 * 1em) ;} .Custom .slider li .txt p{ font-size: calc(16 / 16 * 1em); line-height: 1.8; color: #666;position: relative;padding-left: 25px; margin:6px 0;} .Custom .slider li .txt p:before{position: absolute; content: ''; width: 15px; height: 1px; border-radius: 50%;background: #999; left: 0; top: 13px;} .Custom .slick-dots{text-align: center;padding-top: 2.5vw;} .Custom .slick-dots li{display: inline-block;width: 12px; height: 12px; margin: 10px 0;position: relative;list-style: none; margin: 0 5px;} .Custom .slick-dots li button{font-size: 0; width: 12px; height: 12px; background: rgba(0,0,0,0.2);border: 0;padding: 0; position: absolute; border-radius: 50%;} .Custom .slick-dots li:not(.slick-active) button{left: 50%; top: 50%; margin: -6px 0 0 -6px;} .Custom .slick-dots li.slick-active button{width: 100%; height: 100%; left: 0; top: 0;background: #2478b5;} @media (min-width:1025px) { .Custom .slider li{ width: 23.5%;} .Custom .slider li:nth-child(4n){margin-right: 0;} } @media (max-width:1024px) { .Custom .slick-dots {padding-top: 6vw;} } @media (max-width:764px) { .Custom .slider li{width: 100%;} } .Process{padding: 4% 0;background-color:#f5f7fa;} .Process ul {position: relative;padding-bottom: 520px;} .Process ul::before {content: '';display: block;position: absolute;width: 85%;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #2478b5;height: 5px;} .Process li {display: flex;flex-direction: column;align-items: center;width: 22.6%;position: absolute;} .Process li .num {width: 40px;height: 40px;border: 5px solid #2478b5;background-color: #fff;display: flex;align-items: center;justify-content: center;border-radius: 50%;color: #2478b5;line-height: 1;} .Process li .text{position:relative;width:100%;} .Process li .text {background-color:#fff;width:100%; height: 200px; box-shadow: 0 0 015px rgba(0, 0, 0, 0.06); padding: 15px; position:relative;z-index:1;display:flex;align-items:center;justify-content:center;border-radius:10px;text-align:center; line-height: 1.6;} .Process li:nth-child(2n+1) .text {margin-bottom: 40px;} .Process li:nth-child(2n+1) {flex-direction: column-reverse;} .Process li:nth-child(2n+2) .text {margin-top: 40px;} .Process li .text::before {content: '';display: block;position: absolute;left: 50%;transform: translate(-50%,0) rotate(0deg);border: 16px solid transparent;border-bottom-color: #fff;z-index: 0;} .Process li:nth-child(2n+1) .text::before{transform: translate(-50%,0) rotate(-180deg);bottom:-32px} .Process li:nth-child(2n+2) .text::before {top: -32px;} .Process li:nth-child(1) {left: 0;top: 0;} .Process li:nth-child(3) {left: 28.6%;top: 0;} .Process li:nth-child(5) {left: 57.2%;top: 0;} .Process li:nth-child(2) {left: 14.3%;bottom: 0;} .Process li:nth-child(4) {left: 42.9%;bottom: 0;} .Process li:nth-child(6) {left: 71.1%;bottom: 0;} @media (max-width: 1280px){ .Process ul {padding-bottom: 205px;} } @media (max-width: 784px) { .Process ul::before{display: none;} .Process ul {display: flex;flex-direction: column;padding-bottom: 24px;} .Process li {width: 100%; position: revert;} .Process li:nth-child(2n+1){flex-direction: column;} .Process li .num{margin-bottom: 20px;margin-top: 20px;} .Process li:nth-child(2n+1) .text { margin-bottom: 0px; } .Process li:nth-child(2n+2) .text { margin-top: 0px; } .Process li:nth-child(2n+1) .text::before { transform: translate(-50%, 0) rotate(0deg); top: -32px; bottom: revert; } /* .Process li:nth-child(2),.Process li:nth-child(3),.Process li:nth-child(4),.Process li:nth-child(5),.Process li:nth-child(6) { left: 0; bottom: 0; } */ } .SolIntro{padding: 4% 0;} .SolIntro .info{ line-height: 1.75;font-size: calc(18 / 16 * 1em);color: #333; text-align: center;} .Solution{ padding: 4% 0; background: #f5f5f5;} .Solution .list{ } .Solution .list .item{display: flex;justify-content: space-between;align-items: center;background-color: #fff; overflow: hidden;} .Solution .item .left{width: 50%;overflow: hidden;} .Solution .item .imgbox{overflow: hidden;} .Solution .item .imgbox img{transition:0.3s; } .Solution .item:hover .imgbox img{transform:scale(1.1);} .Solution .item .right{width: 50%;padding:1% 5%; } .Solution .item .tit{font-size: calc(32 / 16 * 1em);color: #333; font-weight: bold; line-height:1; margin-bottom: calc(25 / 32 * 1em);} .Solution .item .desc{font-size: calc(20 / 16 * 1em);color: #666;line-height:1.75;} .Solution .item:nth-child(2n){flex-direction: row-reverse; } @media (max-width: 1024px){ .Solution .list .item{flex-wrap: wrap;} .Solution .item .left{width: 100%;margin-bottom: 2%;max-height: 400px;} .Solution .item .left img{object-fit: cover;} .Solution .item .right{width: 100%;margin-bottom: 2%;} .Solution .item:nth-child(2n) {flex-direction: row;} .Solution .item .desc{margin: 10px 0;} } /*RighInfo003141 */ .RighInfo003141{padding: 4% 0;} .RighInfo003141 .column_title{ text-align: left;} .RighInfo003141 .intro .info{line-height:1.75; color:#333; font-size: calc(18 / 16 * 1em);} .RighInfo003141 .intro .info p{} .RighInfo003141 .intro .img{ position: relative;} .RighInfo003141 .intro .img .play{ position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: url(../images/play.png)no-repeat center rgba(0,0,0,.2);background-size: 60px auto} .RighInfo003141 .intro .img img{ } .RighInfo003141 .number-count{ padding-top: calc(20 / 16 * 1em);} .RighInfo003141 .number-count ul{ display: flex; flex-wrap: wrap; justify-content: space-between;} .RighInfo003141 .number-count li:not(:last-child) {margin-right: 4%;} .RighInfo003141 .number-count li{width: 16%; } .RighInfo003141 .number-count li .counter{font-size:calc(38 / 16 * 1em);font-weight: bold;color:#2478b5;position: relative;} .RighInfo003141 .number-count li sub{font-size:calc(18 / 16 * 1em);margin-left:0.5em;color:#2478b5;vertical-align: baseline; font-weight: normal;} .RighInfo003141 .number-count li span{ display: block; font-size: calc(16 / 18 * 1em); color: #666; line-height: 1.5; } @media (min-width:1025px){ .RighInfo003141 .intro .img{width: 45%;} .RighInfo003141 .intro .info{padding-left:4%;} } @media (max-width:1024px){ .RighInfo003141 .intro .title{ font-size: 1.875em;} } .Quality{ padding: 4% 0;} .Quality .list{} .Quality .list .item{display: flex;justify-content: space-between;align-items: center;background-color: #fff;margin-bottom: 2%; box-shadow: 0 0 15px rgba(0,0, 0,0.1); border-radius: 10px; overflow: hidden;} .Quality .item .left{width: 50%;overflow: hidden;} .Quality .item .imgbox{overflow: hidden;} .Quality .item .imgbox img{transition:0.3s; } .Quality .item:hover .imgbox img{transform:scale(1.1);} .Quality .item .right{width: 50%;padding:1% 4%; } .Quality .item .tit{font-size: calc(32 / 16 * 1em);color: #333; font-weight: bold; line-height:1; margin-bottom: calc(20 / 32 * 1em);} .Quality .item .desc{font-size: calc(18 / 16 * 1em);color: #666;line-height:1.75;} .Quality .item:nth-child(2n){flex-direction: row-reverse;} @media (max-width: 1024px){ .Quality .list .item{flex-wrap: wrap;} .Quality .item .left{width: 100%;margin-bottom: 2%;max-height: 400px;} .Quality .item .left img{object-fit: cover;} .Quality .item .right{width: 100%;margin-bottom: 2%;} .Quality .item:nth-child(2n) {flex-direction: row;} .Quality .item .desc{margin: 10px 0;} } .Network{padding: 4% 0;} .Network ul{ display: flex; flex-wrap: wrap;} .Network .ytable-cell{vertical-align: top;} .Network li .icon{text-align: center} .Network li .icon img{max-width: calc(60 / 16 * 1em);} .Network li{background: #fff;padding:3% 2%; box-shadow:0 0 10px rgba(0,0,0,0.1);float: left; border-radius: 10px;} .Network li .inner{padding-left: calc(25 / 16 * 1em);} .Network li h3{color: #333;font-size:calc(32 / 16 * 1em); margin: 0; font-weight: bold; line-height:1; margin-bottom: calc(20 / 32 * 1em);} .Network li .inner p{font-size: calc(16 / 16 * 1em);color: #666;line-height:1.75;;} @media(min-width:1025px){ .Network li{margin-right: 2%;width: 49%;} .Network li:nth-child(2n){margin-right: 0;} .Network li .icon{width: 10%;} } @media(max-width:1024px){ .Network li .icon{width:15%;} } .Network2{padding:5% 0;background:#f5f7fa;} .Network2 li{} .Network2 li a{display: block; margin: 0 10px;} .Network2 li .pic{} .Network2 li .Ispic{padding-bottom:63%;background-size:cover;} .Network2 li p{text-align: center;font-size: calc(18 / 16 * 1em);margin-bottom:0;color:#333;} .Network2 .slick-arrow{ position:absolute; width:26px; height:26px; top:45%; margin-top:-13px; overflow:hidden;font-size: 0; cursor: pointer;z-index:10; border: 0;background: none;padding: 0; border-top: 2px solid #bbb;border-left: 2px solid #bbb;transform:rotate(-45deg);} .Network2 .slick-prev{ left:-25px;} .Network2 .slick-next{transform:rotate(135deg); right:-25px;} @media(min-width:1293px){ .Network2 .slider{margin: 0 -10px;} } @media(max-width:1292px){ .Network2 .slick-prev{ left:0;} .Network2 .slick-next{ right:0;} } @media(max-width:768px){ .Network2 .slider{padding: 0 26px;} .Network2 li a{margin: 0 5px;} } .Network3{padding:5% 0;background:#fff;} .Network3 ul{} .Network3 ul li{background:#f5f7fa;} .Network3 ul li .pic{float:left;width:50%;} .Network3 ul li .pic img{display: block;width:100%;} .Network3 ul li .text{float:right;width:50%;font-size: calc(18 / 16 * 1em);padding:5em;line-height: 1.75} .Network3 ul li .text p{margin:10px 0;} .Network3 ul li:nth-child(2) .pic{float:right;} .Network3 ul li:nth-child(2) .text{float:left;} @media(max-width:768px){ .Network3 ul li{margin-bottom:10px;} .Network3 ul li .pic{width:100%;} .Network3 ul li .text{width:100%;padding:1em;} } /*PicList003142 */ .PicList003142{ padding: 4% 0 2% 0;} .PicList003142 li{float: left; margin-bottom: 2%;margin-right: 2%; border-radius: 10px; overflow: hidden; background: #fff;box-shadow: 0px 0.625em 2.125em rgba(0, 0, 0, 0.06);} .PicList003142 li .txt{padding: calc(20 / 16 * 1em);} .PicList003142 li .tit{ font-size: calc(20 / 16 * 1em);line-height: 1.5; min-height: 3em;} .PicList003142 li p{font-size: calc(16 / 16 * 1em); line-height: 1.75; min-height: 3.5em;color: #999;} .PicList003142 li .pic{overflow: hidden;} .PicList003142 li .Ispic{padding-bottom: 65.16%;transition: 0.3s;} .PicList003142 li a:hover .Ispic{transform: scale(1.1);} .PicList003142 li a:hover{color: #2478b5;} .PicList003142 li time{color: #999;display: block;} @media (min-width:1025px) { .PicList003142 li{width: 23.5%;} .PicList003142 li:nth-child(4n){ margin-right: 0;} } @media (max-width:1024px) { .PicList003142 li{width: 100%; margin-right: 0;} .PicList003142 li .txt{padding: 1em;} } /*.PicList000762*/ .PicList000762{ padding:4% 0 2% 0;} .PicList000762 ul{ display: flex; flex-wrap: wrap;} .PicList000762 li{ float:left; width:23.5%; margin-right:2%; margin-bottom:2%;background-color:#fff;transition: 0.3s; border-radius: 10px; overflow: hidden; box-shadow:0px 0.625em 2.125em rgba(0, 0, 0, 0.06); } .PicList000762 li h2{ margin:0; font-size:calc(20 / 16 * 1em); color:#333;line-height: 1.5; min-height: 3em; text-align:center; font-weight: normal; padding:calc(16 / 18 * 1em) calc(12 / 18 * 1em);} .PicList000762 li .pic{overflow: hidden;} .PicList000762 li figure{ background-position:center center; background-repeat:no-repeat; background-size:cover; padding-bottom:68%;transition: 0.3s;} .PicList000762 li a:hover figure{transform: scale(1.1);} .PicList000762 li a:hover h2{color:#2478b5;} @media (min-width:1025px) { .PicList000762 li{width: 23.5%;} .PicList000762 li:nth-child(4n){ margin-right: 0;} } @media(max-width:1024px){ .PicList000762 li{width:49%;} .PicList000762 li:nth-child(2n){ margin-right:0;} } /*Exhibition */ .Exhibition{ padding: 4% 0 2% 0;} .Exhibition ul{ display: flex; flex-wrap: wrap;} .Exhibition li{float: left; margin-bottom: 2%;margin-right: 2%; border-radius: 10px; overflow: hidden; background: #fff;box-shadow: 0px 0.625em 2.125em rgba(0, 0, 0, 0.06);} .Exhibition li .txt{padding: calc(20 / 16 * 1em); text-align: center;} .Exhibition li time{display: block;color: #2478b5;font-size: calc(18 / 16 * 1em); line-height: 1.4;font-weight: bold;margin-bottom:calc(10 / 18 * 1em) ;} .Exhibition li .tit{ font-size: calc(20 / 16 * 1em);line-height: 1.4; font-weight: bold; margin-bottom:calc(10 / 20 * 1em) ; } .Exhibition li p{font-size: calc(16 / 16 * 1em); line-height: 1.7; color: #999; margin: 0;} .Exhibition li .pic{overflow: hidden;} .Exhibition li .Ispic{padding-bottom: 65.16%;transition: 0.3s;} .Exhibition li a:hover .Ispic{transform: scale(1.1);} .Exhibition li a:hover{color: #2478b5;} @media (min-width:1025px) { .Exhibition li{width: 23.5%;} .Exhibition li:nth-child(4n){ margin-right: 0;} } @media (max-width:1024px) { .Exhibition li{width: 100%; margin-right: 0;} .Exhibition li .txt{padding: 1em;} } /*RighInfo002924 */ .RighInfo002924{padding: 4% 0;background: #f9f9f9;} .RighInfo002924 .column_title{ text-align: left;} .RighInfo002924 .box-1{background: #fff; margin-bottom: 4%;} .RighInfo002924 .box-1 .info{} .RighInfo002924 .box-1 .intro{font-size: calc(18 / 16 * 1em);color: #333; line-height: 1.75;} @media(min-width:1025px){ .RighInfo002924 .box-1 .pic{width: 50%;} .RighInfo002924 .box-1 .info .inner{padding: 1% 5% 1% 10%;} } @media(max-width:1024px){ .RighInfo002924 .box-1{margin-bottom: 3vw;} .RighInfo002924 .box-1 .ytable, .RighInfo002924 .box-1 .ytable-cell{display: block;} .RighInfo002924 .box-1 .info{padding: 4vw;} .RighInfo002924 .box-2 .address li{width: 100%;margin-bottom: 10px;} } .RighInfo002924 .box-2 .address { display: flex; flex-wrap: wrap; } .RighInfo002924 .box-2 .address li { text-align: center; margin-right: 2%; padding: calc(50 / 16 * 1em) calc(30 / 16 * 1em);overflow: hidden;border-radius: 10px; background: #fff; box-shadow:0 0 10px rgba(0,0,0,.03); } .RighInfo002924 .box-2 .address li .img img { max-width: calc(50 / 16 * 1em); } .RighInfo002924 .box-2 .address li .pa {font-size:calc(24 / 16 * 1em); color: #00192b; font-weight: bold; margin: calc(18 / 16 * 1em) 0 calc(12 / 16 * 1em) 0;} .RighInfo002924 .box-2 .address li .pb {font-size:calc(18 / 16 * 1em); color: #333; line-height: 1.75; margin: 0; } .RighInfo002924 .box-2 .address li:not(:last-child) { margin-right: 2%; } @media(min-width:1025px){ .RighInfo002924 .box-2 .address li{width: 32%;} .RighInfo002924 .box-2 .address li:nth-child(3n){margin-right: 0%} } .Note{padding: 4% 0;} .Note .main {background: #00192b;border-radius: 10px;padding: 3%; color: #fff;} .Note .box {display: flex; flex-wrap: wrap;justify-content: space-between; } .Note .left { width: 16%; text-align: center;} .Note .left .icon img{max-width: calc(60 / 16 * 1em); } .Note .left h2{font-size:calc(24 / 16 * 1em);} .Note .info{margin-right:5%;width: 42%;} .Note .right{width: 30%;} .Note .txt{ line-height: 1.7;font-size:calc(16 / 16 * 1em); } @media(max-width: 1024px) { .Note .box { flex-direction: column; } .Note .left,.Note .info,.Note .right{width: 100%;} .Note .info{margin-right: 0;} } .Knowledge{padding: 4% 0;} .Knowledge .desc{ max-width: 1100px; margin: 0 auto; width: 90%; margin-top: calc(15 / 18 * 1em);} .Knowledge .box{ border: 1px solid #eee; border-radius: 10px; padding: 3%; margin-bottom: 15px;} .Knowledge .info .tit{font-size:calc(32 / 16 * 1em); font-weight: bold; line-height: 1; margin-bottom: calc(20 / 24 * 1em); color: #333;} .Knowledge .info p{ line-height: 1.75; color: #666;font-size:calc(18 / 16 * 1em);} @media(min-width:1025px){ .Knowledge .pic{width: 24%;} .Knowledge .info{padding-right: 5%;} } .Technology{padding: 4% 0; background: url(../images/Technology-bg.jpg) no-repeat center center; background-size: cover; background-attachment: fixed;} .Technology .column_title .cn{ color: #fff;} .Technology .desc{ color: #ccc; max-width: 860px; margin: 0 auto; width: 90%;margin-top: calc(15 / 18 * 1em);} .Technology ul{ text-align: center; } .Technology li{ display: inline-block; margin-right: 2%;} .Technology li .pic .Ispic{padding-bottom: 63%; transition: 0.5s;} .Technology li p{ line-height: 1.75; color: #ccc;font-size:calc(18 / 16 * 1em); margin: 0; margin-top: calc(12 / 18 * 1em);} @media(min-width:1025px){ .Technology li{width: 21.2%;} .Technology li:nth-child(3n){margin-right: 0;} } .Screen{padding: 4% 0;} .Screen ul{ display: flex;flex-wrap: wrap;} .Screen li{ float: left; margin-right: 2%; background: #f9f9f9; padding:3%; border-radius: 10px; transition: 0.3s;} .Screen li .icon{ margin-bottom:calc(15 / 16 * 1em) ;} .Screen li .icon img{max-width: calc(80 / 16 * 1em); } .Screen li .tit{font-size:calc(24 / 16 * 1em); font-weight: bold;color: #333; } .Screen li p{ line-height: 1.75; color: #666;font-size:calc(16 / 16 * 1em);} @media(min-width:1025px){ .Screen li{width: 32%;} .Screen li:nth-child(3n){margin-right: 0;} } .Features{padding: 4% 0; background: #f5f7fa;} .Features ul{ display: flex;flex-wrap: wrap;} .Features li{ float: left; margin-right: 2%; margin-bottom: 2%; padding:3% 2% 2% 2%; border-radius: 10px;background: #fff; transition: 0.3s; border: 1px solid #eee;} .Features li .tit{font-size:calc(24 / 16 * 1em); font-weight: bold;color: #333; } .Features li p{ line-height: 1.75; color: #666;font-size:calc(16 / 16 * 1em);} .Features li:hover{border-color: #2478b5; box-shadow: 0 0 20px rgba(36,120, 181,0.3); } .Features li:nth-child(5n+5){width: 100%; margin-right: 0;} @media(min-width:1025px){ .Features li{width: 23.5%;} .Features li:nth-child(5n+4){margin-right: 0;} } /*.Menu002795*/ .Menu002795{ padding:4% 0 0; } .Menu002795 ul{ text-align: center;} .Menu002795 li{ display: inline-block; margin: 0 5px; } .Menu002795 li a{ display:block; padding:calc(10 / 16 * 1em) calc(20 / 16 * 1em); border-radius:50px; background:#f8f8f8; font-size:calc(18 / 16 * 1em);} .Menu002795 li:hover a, .Menu002795 li.aon a{ color:#fff;background:#2478b5; } @media(max-width: 1024px){ .Menu002795 ul{ float:none; max-width:none; overflow:hidden;} .Menu002795 li{ margin:0 0 1% 0; text-align:center; width:48%;} } /* Downlist */ .Downlist{padding:4% 0 2% 0;} .Downlist li{float:left;width:49%;margin-right:2%;border:1px solid #eee;line-height:60px;margin-bottom:2%;position:relative; border-radius: 10px; } .Downlist li a{position:absolute;left:0;top:0;width:100%;height:100%;} .Downlist li:nth-child(2n){margin-right:0;} .Downlist li p{margin:0;padding:1em 0.625em; font-size:calc(18 / 16 * 1em); background:url(../images/icon-file-gray.svg) no-repeat left 1.25em center;background-size:auto 35%;padding-left:calc(60 / 16 * 1em); color: #333;} .Downlist li span{float:right;margin-top:1em;color:#999; font-size: 1em;} .Downlist li span.name{width:110px;color:#999;background:url(../images/icon-download-gray.svg) no-repeat left center;background-size:1.25em auto;padding-left:30px;margin-left:50px;} .Downlist li:hover{border:1px solid #2478b5;} .Downlist li:hover p{color:#2478b5;background-image:url(../images/icon-file.svg);} .Downlist li:hover span.name{background-image:url(../images/icon-download.svg);color:#2478b5;} @media(max-width:768px){ .Downlist li{float:none;width:auto;margin-right:0;} .Downlist li span.name{width: 90px;padding-left: 25px;} .Downlist li::before{right:85px;} .Downlist li p{padding: 10px 10px 10px 50px;} .Downlist li span{margin-top:10px;} } /* TextList0022 */ .TextList0022{ padding: 4% 0 2% 0;} .TextList0022 .item{margin-bottom:calc(20 / 16 * 1em);} .TextList0022 .item .tit{position:relative;padding-left:90px;padding-right:90px;line-height:40px;font-size:calc(18 / 16 * 1em);color:#333; padding-top:20px;padding-bottom:20px;background:#f8f8f8;cursor:pointer;transition:.4s;} .TextList0022 .item .tit .t{position:absolute;top:20px;left:20px;text-align:center;width:40px;background:#00192b;color:#fff;border-radius:3px;font-size:calc(18 / 16 * 1em);} .TextList0022 .item .tit .icondown{position:absolute;right:35px;top:20px;font-size:calc(16 / 16 * 1em);} .TextList0022 .item .tit .icondown:after{content:"";width:12px;height:12px;border-left:2px solid #ccc;border-bottom:2px solid #ccc;position:absolute;right:0;top:50%;margin-top:8px;transition:.4s;transform:rotate(-45deg);} .TextList0022 .item .content{padding:20px 35px 20px 90px;position:relative;font-size:calc(16 / 16 * 1em);line-height:1.75;color:#333;border:1px solid #eee;border-top:none;display:none; } .TextList0022 .item .content p{ margin: 0;} .TextList0022 .item.cur .content{display:block;} .TextList0022 .item .content .t{width:40px;text-align:center;position:absolute;left:20px;top:20px;line-height:40px;background:#2478b5;border-radius:4px;color:#fff;font-size:calc(18 / 16 * 1em);} .TextList0022 .item:hover .tit{ } .TextList0022 .item.cur .tit{color:#2478b5;} .TextList0022 .item.cur .tit .icondown:after{-webkit-transform:rotate(135deg);transform:rotate(135deg);margin-top:20px;border-color:#2478b5;} @media(max-width:768px){ .TextList0022 .item .tit{font-size:16px;line-height:30px;padding-left:60px;padding-right:75px;padding-top:15px;padding-bottom:15px;} .TextList0022 .item .tit .t{left:15px;top:15px;width:30px;} .TextList0022 .item .tit .icondown{right:15px;top:15px;font-size:14px;padding-right:20px;} .TextList0022 .item .content{padding:15px 15px 20px 60px;font-size:14px;} .TextList0022 .item .content .t{width:30px;line-height:30px;left:15px;top:15px;} .TextList0022 .item{margin-bottom:20px;} } /*.Map001372 Ϊdemo����*/ .Map001372{padding:4% 0;} .Map001372 .ytable{} .Map001372 .txt{background: #fff; padding:1% 4%;width: 50%; } .Map001372 .txt h2{ color: #333; font-size:calc(30 / 16 * 1em); margin: 0; margin-bottom:calc(15 / 30 * 1em);} .Map001372 .txt .tips{color: #333;font-size:calc(16 / 16 * 1em); line-height: 1.8;margin-bottom:calc(25 / 16 * 1em);} .Map001372 .txt li{ padding: 15px 0; line-height: 34px; padding-left: 36px;background-repeat:no-repeat;background-position: left 20px; background-size:calc(18 / 16 * 1em) auto ; font-size: calc(18 / 16 * 1em);color: #333;display: inline-block;width: 100%} .Map001372 .txt li+li{ } .Map001372 .txt li.add{background-image:url(../images/Floor002479-add.png);} .Map001372 .txt li.tel{background-image:url(../images/Floor002479-tel.png);} .Map001372 .txt li.phone{background-image:url(../images/Floor002479-phone.png);} .Map001372 .txt li.email{background-image:url(../images/Floor002479-email.png);} .Map001372 .txt li.service{background-image:url(../images/Floor002479-service.png);} .Map001372 .txt li.ewm{background-image:url(../images/Floor002479-ewm.png);background-position: left center;} .Map001372 .txt li.ewm img{max-width: 110px;} .Map001372 .txt .code{ max-width: 250px;} .Map001372 .txt .code dd{float: left;width: 48%;text-align: center;max-width: 120px;} .Map001372 .txt .code dd:nth-child(2n){float: right;} .Map001372 .txt .code dd img{ border-radius: 5px; border: 1px solid #ededed; padding: 5px; background: #fff;} .Map001372 .txt .code dd aside{ margin-top: 1vw;} .Map001372 .form{width:50%;padding: 3%; background: #f9f9f9;} .Map001372 .form h3 {margin: 0;font-size: calc(30 / 16 * 1em);margin-bottom: calc(25 / 30 * 1em);color: #333;} .Map001372 .form .itemBox{margin-bottom:calc(20 / 16 * 1em);} .Map001372 .form .itemBox.desBox{padding-left:30px;position: relative;} .Map001372 .form .itemBox .item{float: left;width: 48%;padding-left:30px;position: relative;} .Map001372 .form .itemBox .item:nth-child(2n){float: right;} .Map001372 .form .itemBox.i100 .item{width: 100%;} .Map001372 .form .itemBox i{position: absolute;width: 16px;height: 16px;left: 5px;top: 50%;margin-top:-8px; background-repeat: no-repeat; background-size: contain;} .Map001372 .form .itemBox i.name{background-image:url(../images/name.png);} .Map001372 .form .itemBox i.phone{background-image:url(../images/phone.png);} .Map001372 .form .itemBox i.email{background-image:url(../images/email.png);} .Map001372 .form .itemBox i.pro{background-image:url(../images/pro.png);} .Map001372 .form .itemBox i.des{background-image:url(../images/des.png);} .Map001372 .form .itemBox i.country{background-image:url(../images/country.svg);background-size: 16px auto} .Map001372 .form .itemBox i.type{background-image:url(../images/type.svg);background-size: 16px auto} .Map001372 .form .itemBox input, .Map001372 .form .itemBox select{width: 100%;line-height:50px;padding: 0 10px;border: 0;color: #666;font-size:calc(16 / 16 * 1em);border-bottom:1px solid #e5e5e5;height: 50px; background: none; } .Map001372 .form .itemBox select{display: block!important; } .Map001372 .form .itemBox.desBox textarea{padding:10px;height: 100px;width: 100%;background:none;border:1px solid #e5e5e5;font-size:calc(16 / 16 * 1em);} .Map001372 .form .itemBox.desBox i{top: 8px;margin-top:0;} .Map001372 .form .moreBtn{margin-left: 30px;margin-top:calc(20 / 16 * 1em);} .Map001372 .form .btn{width: 10em; background: #2478b5;border-radius: 5px;font-size:calc(16 / 16 * 1em);height: 3.25em;color: #fff;cursor: pointer; border: 0;} @media(min-width:1025px){ .Map001372 .txt li.ewm{width: 49%;} } @media(max-width:1024px){ .Map001372 .ytable-cell{ display: block;} .Map001372 .txt{ padding:4% 0%;width: 100%;} .Map001372 .form{width:100%;} } @media(max-width:640px){ .Map001372 .form td{ display: block; padding-right: 0; } } .Map001070{padding: 4% 0; background: #f9f9f9;} .Map001070 .contact-list {} .Map001070 .contact-list ul{ display: flex; flex-wrap: wrap;} .Map001070 .contact-list li{float: left;width: 23.5%;margin-right: 2%; margin-bottom: 2%;border-radius: 10px; background:#fff; background-size:cover;box-shadow:0 0 10px rgba(0,0,0,.05);padding:calc(35 / 16 * 1em) 0;color: #333;} .Map001070 .contact-list li .name {position: relative;padding: 0 calc(35 / 16 * 1em);} .Map001070 .contact-list li .name::before{ background:#2478b5; content:''; display:block; width:4px; height:90%; position:absolute; left:0; top:5%;} .Map001070 .contact-list li .wz {line-height: 1.2;font-size: calc(22 / 16 * 1em);color: #333; font-weight: bold;} .Map001070 .contact-list li .con-txt{ font-size:calc(16 / 16 * 1em); line-height:2; padding:calc(20 / 16 * 1em) calc(35 / 16 * 1em) 0;} .Map001070 .contact-list li aside{font-size: calc(20 / 16 * 1em);color: #333; margin-bottom:calc(10 / 16 * 1em) ;line-height: 1.2;} .Map001070 .contact-list li p{margin: 0;} @media(min-width:1025px){ .Map001070 .contact-list li:nth-child(4n){margin-right: 0%} } @media(max-width:1024px){ .Map001070 .contact-list li{width: 100%;float: none;margin-right: 0;margin-bottom: 20px;border-radius: 0;} } /* 新闻详情 */ .news02{ padding: 6.3% 0 3.95%; background-color: #f5f9fd; } .hbox15{ padding-bottom:30px; } .hbox15 .title{ font-size: calc(32 / 16 * 1em); text-align: center; } .hbox15 .time{ font-size: calc(32 / 22 * 1em); color: #0354a6; margin-top: 30px; text-align: center; } .news02 .editor{ color: #666666; line-height: 1.77; padding: 5.83% 0; border-bottom: 1px solid #dfe2e6; border-top: 1px solid #dfe2e6; font-size: calc(32 / 26 * 1em); } .news02 .new_go{ position: relative; padding-right: 220px; padding-top: 4.6%; padding-bottom: 4.6%; } .news02 .new_go .new_goit{ display: flex; align-items: center; } .news02 .new_go .new_goit:not(:first-child) { margin-top: 15px; } .news02 .new_goit span { color: #0354a6; white-space: nowrap; font-size: 1em; } .news02 .new_go .new_goit a { color: #666666; margin-left: 20px; display: inline-block; } .news02 .new_go .new_goit a:hover{ background-image: linear-gradient(to right, #0080c9 , #0354a6); background-clip: text; -webkit-background-clip: text; color: transparent; } .goback1{ line-height: 50px; background-image: linear-gradient(to right, #0080c9 , #0354a6); text-align: center; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; position: absolute; top: 50%; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); right: 0; padding: 0 70px; display: inline-block; } .goback1 span{ color: #fff; } @media(max-width:1459px){ .news02 .new_go { padding-right: 150px; } .goback1 { padding: 0 40px; } } @media(max-width:1024px){ .goback1 { padding: 0 25px; line-height: 40px; } .hbox15 .time{ margin-top: 20px; } } @media(max-width:768px){ .hbox15 .time{ margin-top: 15px; } .news02 { padding: 25px 0; } .news02 .editor{ padding: 25px 0; } .hbox15{ padding-bottom: 15px; } } @media(max-width:640px){ .goback1 { position: relative; line-height: 30px; transform: unset; top: unset; margin-top: 15px; } .news02 .new_go { padding-right: 0; } } /* 搜索结果页 */ .report02{ padding: 6.3% 0; } .report02 .list25{ padding-bottom: 20px; } .list25 .capt{ display: flex; align-items: center; } .list25 .tit{ color: #333333; flex: 1; font-size: calc(32 / 24 * 1em); font-weight: bold; } .list25 .time{ color: #666666; white-space: nowrap; margin-left: 15px; font-size: calc(18 / 16 * 1em); } .list25 .item{ margin-bottom: 20px; padding: 30px 40px; display: block; background-color: #fff; box-shadow: 0 0 15px rgba(24, 94, 126, .16); } @media (max-width: 1459px){ .list25 .item { padding: 25px 30px; } .report02 { padding: 80px 0; } } @media (max-width: 1280px){ .list25 .item { padding: 20px; } .report02 { padding: 50px 0; } } @media (max-width: 1024px){ .report02 { padding: 30px 0; } } @media (max-width: 768px){ .list25 .item{ padding: 15px; margin-bottom: 15px; } .list25 .capt { flex-wrap: wrap; } .list25 .tit { width: 100%; flex: unset; } .list25 .time { margin: 10px 0 0; } } /* .Floor000881 */ .Floor000881{ background-color:#1a1d25; padding:5% 0;} .Floor000881 .column_title .cn{color:#fff;} .Floor000881 .column_title .desc{color:rgba(255,255,255,0.6);} /*slick Basic*/ .Floor000881 .slick-slider { position:relative;display: block;-webkit-touch-callout: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent} .Floor000881 .slick-list { position: relative; z-index: 1;display: block; overflow: hidden;} .Floor000881 .slick-list:focus {outline: none} .Floor000881 .slick-list.dragging {cursor: pointer;cursor: hand;} .Floor000881 .slick-slider .slick-track, .Floor000881 .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)} .Floor000881 .slick-track {position: relative; top: 0; left: 0; display: block;} .Floor000881 .slick-track:before, .Floor000881 .slick-track:after{display: table; content: '';} .Floor000881 .slick-track:after{ clear: both;} .Floor000881 .slick-loading .slick-track { visibility: hidden;} .Floor000881 .slick-slide{ display: none; float: left;min-height: 1px;} [dir = 'rtl'] .slick-slide {float: right;} .Floor000881 .slick-slide .slick-loading img { display: none;} .Floor000881 .slick-slide .dragging img { pointer-events: none;} .Floor000881 .slick-initialized .slick-slide { display: block;} .Floor000881 .slick-loading .slick-slide { visibility: hidden;} .Floor000881 .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;} .Floor000881 .slick-arrow .slick-hidden { display: none;} /*slick Basic End*/ .Floor000881 .list_scroll li a{display: block; margin: 0 40px;} .Floor000881 .list_scroll li .pic{border:1px solid rgba(255,255,255,0.1);padding:8px;} .Floor000881 .list_scroll li .Ispic{padding-bottom:142%;background-size:cover;} .Floor000881 .list_scroll li p{text-align:center; margin:0; line-height:55px; border-top:0;color:#fff;} .Floor000881 .slick-arrow{ position:absolute; width:26px; height:26px; top:45%; margin-top:-13px; overflow:hidden;font-size: 0; cursor: pointer;z-index:10; border: 0;background: none;padding: 0; border-top: 2px solid #fff;border-left: 2px solid #fff;transform:rotate(-45deg);} .Floor000881 .slick-prev{ left:-25px;} .Floor000881 .slick-next{transform:rotate(135deg); right:-25px;} @media(min-width:1293px){ .Floor000881 .list_scroll .slider{margin: 0 -40px;} } @media(max-width:1292px){ .Floor000881 .slick-prev{ left:0;} .Floor000881 .slick-next{ right:0;} } @media(max-width:768px){ .Floor000881 .list_scroll .slider{padding: 0 26px;} .Floor000881 .list_scroll li a{margin: 0 5px;} } .Resource{padding:5% 0;background:#f5f7fa;} .Resource .con{text-align: center;} .aboutbox2{padding:5% 0;background-position:0% 0%;background-repeat: no-repeat;background-color:#1a1d25;background-attachment: fixed;} .aboutbox2 .column_title .cn{color:#fff;} .aboutbox2 .column_title .desc{color:rgba(255,255,255,0.6);} .aboutbox2 ul{text-align: center;} .aboutbox2 ul li{width:23%;display: inline-block;margin:0 1%;} .aboutbox2 ul li p{color:#fff;} @media(max-width:768px){ .aboutbox2 ul li{width:100%;} } /* .Floor000882 */ .Floor000882{padding:5% 0;} /*slick Basic*/ .Floor000882 .slick-slider { position:relative;display: block;-webkit-touch-callout: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent} .Floor000882 .slick-list { position: relative; z-index: 1;display: block; overflow: hidden;} .Floor000882 .slick-list:focus {outline: none} .Floor000882 .slick-list.dragging {cursor: pointer;cursor: hand;} .Floor000882 .slick-slider .slick-track, .Floor000882 .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)} .Floor000882 .slick-track {position: relative; top: 0; left: 0; display: block;} .Floor000882 .slick-track:before, .Floor000882 .slick-track:after{display: table; content: '';} .Floor000882 .slick-track:after{ clear: both;} .Floor000882 .slick-loading .slick-track { visibility: hidden;} .Floor000882 .slick-slide{ display: none; float: left;min-height: 1px;} [dir = 'rtl'] .slick-slide {float: right;} .Floor000882 .slick-slide .slick-loading img { display: none;} .Floor000882 .slick-slide .dragging img { pointer-events: none;} .Floor000882 .slick-initialized .slick-slide { display: block;} .Floor000882 .slick-loading .slick-slide { visibility: hidden;} .Floor000882 .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;} .Floor000882 .slick-arrow .slick-hidden { display: none;} /*slick Basic End*/ .Floor000882 .list_scroll{margin-top:3%;} .Floor000882 .list_scroll li a{display: block; margin: 0 30px;} .Floor000882 .list_scroll li .pic{} .Floor000882 .list_scroll li .Ispic{padding-bottom:42%;background-size:cover;} .Floor000882 .slick-arrow{ position:absolute; width:26px; height:26px; top:45%; margin-top:-13px; overflow:hidden;font-size: 0; cursor: pointer;z-index:10; border: 0;background: none;padding: 0; border-top: 2px solid #bbb;border-left: 2px solid #bbb;transform:rotate(-45deg);} .Floor000882 .slick-prev{ left:-25px;} .Floor000882 .slick-next{transform:rotate(135deg); right:-25px;} @media(min-width:1293px){ .Floor000882 .list_scroll .slider{margin: 0 -30px;} } @media(max-width:1292px){ .Floor000882 .slick-prev{ left:0;} .Floor000882 .slick-next{ right:0;} } @media(max-width:768px){ .Floor000882 .list_scroll .slider{padding: 0 26px;} .Floor000882 .list_scroll li a{margin: 0 5px;} }