@font-face { font-family: 'HarmonyOS_Sans_SC_Regular'; src: url('../fonts/HarmonyOS_Sans_SC_Regular.woff') format('woff'); font-display: swap; } @font-face { font-family: 'HarmonyOS_Sans_SC_Medium'; src: url('../fonts/HarmonyOS_Sans_SC_Medium.woff') format('woff'); font-display: swap; } @font-face { font-family: 'HarmonyOS_Sans_SC_Bold'; src: url('../fonts/HarmonyOS_Sans_SC_Bold.woff') format('woff'); font-display: swap; } body {font-family: 'HarmonyOS_Sans_SC_Regular';} .Hometitle{margin-bottom: calc(40 / 16 * 1em);position: relative;z-index: 1;text-align: center;} .Hometitle .cn{color: #333;font-size:calc(40 / 16 * 1em);font-weight: bold; line-height: 1;position: relative; } .Hometitle .cn:after{display:block;width:40px;height:3px;background-color:#297fcd;content:'';margin:0.5em auto 0; border-radius: 5px;} .Hometitle .en{font-size: calc(86 / 16 * 1em); text-transform: uppercase;color:#666; opacity: 0.065; letter-spacing: 2px; font-weight: bold; line-height: 1; position: absolute; top: 0%; transform: translateY(-50%); -webkit-transform: translateY(-30%);width: 100%; z-index: -1; overflow: hidden;} .Homemore a{display: inline-block; padding: 0 calc(50 / 16 * 1em) 0 calc(30 / 16 * 1em) ; line-height: calc(50 / 16 * 1em); border-radius: calc(50 / 16 * 1em); color:#297fcd; border: 1px solid #297fcd; background: url(../images/more.svg) no-repeat right calc(25 / 16 * 1em) center ; transition: 0.3s; background-size: auto calc(14 / 16 * 1em); } .Homemore a:hover{ background-position:left calc(25 / 16 * 1em) center; padding:0 calc(30 / 16 * 1em) 0 calc(50 / 16 * 1em) ; background-color: #297fcd; background-image: url(../images/more-on.svg); color: #fff;} @media(max-width:640px){ .Hometitle .en{font-size: calc(50 / 16 * 1em); line-height: 2;} } /*Top003156 */ .Top003156 {position: fixed;z-index: 100;left: 0;top: 0;width: 100%;background: #fff; box-shadow: 0 0 10px rgba(0,0,0,.1); transition: background-color 0.3s,transform 1s;} .Top003156 .auto { position: relative; z-index: 3; } .Top003156 .logo { display: table; } .Top003156 .logo a { display: table-cell; vertical-align: middle; } .Top003156 .top-right{ position: absolute; right: 0; top: 0; display: table; } .Top003156 .top-right > * { display: table-cell; vertical-align: middle; } .Top003156 .top-right dd a { display: inline-block; padding-left: 25px; background-repeat: no-repeat; background-position: left center; background-size: auto 18px; } .Top003156 .top-right dd a.hotline { background-image: url(../images/icon-tel.svg); } .Top003156 .top-right .lang{position: relative;z-index: 100;} .Top003156 .top-right .lang .icon{width:2.25em;height:2.25em;background-image:url(../images/lang2.svg);background-size:1.355em;background-repeat:no-repeat;background-position:center;position:relative;} .Top003156 .top-right .lang .lang_box{position: absolute; left: 50%; width: 100px;margin-left: -50px; z-index: 100;background: #fff;border-radius: 0 0 6px 6px; top: 100%; padding: 10px 0;display: none;} .Top003156 .top-right .lang .lang_box a{display: block;line-height: 30px;text-align: center;} .Top003156 .open-search { cursor: pointer; display: block; width: 2.25em; height: 2.25em; background: url(../images/search.svg) no-repeat center center; background-size: 1.25em; border-radius: 50%; } .Top003156 .open-search.on:before, .Top003156 .open-search.on:after { background-color: #297fcd; } .Top003156 .top-search { position: absolute; right: 0; top: 100%; z-index: 100; background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.3); border-radius: 5px; } .Top003156 .top-search .text { width: 100%; height: 3.125em; line-height: 3.125em; padding: 0 3.125em 0 1.25em; } .Top003156 .top-search .btn { position: absolute; right: 0; top: 0; width: 3.125em; height: 100%; background: url(../images/search.svg) no-repeat center center; background-size: auto 18px; } .Top003156 menu li span, .Top003156 menu li span a { display: block; } .Top003156 menu li span { position: relative; z-index: 2; } .Top003156 menu li span a{color: #333; } .Top003156 menu li span:after { position: absolute; content: ''; left: 50%; height: 2px; background:#297fcd; transform: translateX(-50%); transition: 0.3s; bottom: -1px; width: 0; } .Top003156 menu li span a:hover, .Top003156 menu li.aon span a { color: #297fcd;} .Top003156 menu li:hover span:after, .Top003156 menu li.aon span:after { width: 100%; } .Top003156 .oa_link{ width: 30px; height: 30px; background: url(../images/OA.png) no-repeat center; background-size: contain; display: block;} .Top003156 .email_link{ width: 30px; height: 30px; background: url(../images/email.png) no-repeat center; background-size: contain; display: block;} @media (min-width:1025px) { .Top003156 header { padding: 0 10% 0 0%; } .Top003156 menu { /* margin: 0 auto; display: table; */ float: right; } .Top003156 .top-right{float: right;} .Top003156 menu li { float: left; } .Top003156 menu li + li { margin-left: calc(20 / 1920 * 100vw); } .Top003156 menu li span a { line-height: calc(90 / 18 * 1em); font-size: calc(20 / 16 * 1em);} .Top003156 .logo { height: calc(90 / 16 * 1em); float: left;} .Top003156 .logo img { max-height: calc(50 / 16 * 1em); } .Top003156 .top-right { height:calc(90 / 16 * 1em); } .Top003156 .top-right dd a { margin-right: .625em; } .Top003156 .top-right dt:nth-child(2n){padding-left: calc(10 / 16 * 1em);} .top-search { width: 20em; } .Top003156 menu li .sub{position: absolute; top: 100%; background-color: #fff;border-radius: 0 0 5px 5px; overflow: hidden; box-shadow: 0 0 10px rgba(0,0,0,0.08);} .Top003156 menu li .sub dt a:hover{color: #297fcd;} } @media (max-width:1024px) { .Top003156 menu { position: absolute; right: 0; top: 100%;width: 220px; padding: 0.625em; background: #fff; visibility: hidden; transform: translateY(5em); transition: 0.3s; opacity: 0; } .menu-show .Top003156 menu { transform: translateY(0); opacity: 1; visibility: inherit; } .Top003156 menu li {border-bottom: 1px dotted #eee;} .Top003156 menu li span{line-height: 2.6; padding-left:1em;} .Top003156 menu li span a { color: #333; font-size: 1.125em; } .Top003156 menu li a:hover, .Top003156 menu li.aon span a{color: #297fcd;} .Top003156_fixed menu li span:after{ display: none;} .Top003156 .logo { max-width: 40%; height: 4em; } .Top003156 .logo img { max-height: calc(44 / 16 * 1em); } .Top003156 .top-right { height: 4em; } .Top003156 .top-right dd { font-size: 0.875em; } .Top003156 .top-right dd a { margin-left: 1em; } .Top003156 .top-right dt { padding-left: 1em; } .Top003156 .open-menu { display: block; width: 2em; height: 2em; } .Top003156 .open-menu i { background-color: #297fcd; } .Top003156 menu li.has-sub span .op:before, .Top003156 menu li.has-sub span .op:after{background-color: #297fcd;} .top-search { width: 100%; } .Top003156_fixed .open-menu i { background-color: #297fcd; } .Top003156 menu li .sub {background-color: #f8f9fa;} .Top003156 .top-right .lang .lang_box{width: 60px; margin-left: -30px;} } @media(min-width:1025px){ .Top003156 menu li.promenu{position: static;} .Top003156 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);} .Top003156 .wap-fixed{position: relative;} .Top003156 menu li.promenu .navpull .navpullbox{padding:2% 0 3% 0;text-align: center;} .Top003156 menu li.promenu .navpull .navtab{margin-bottom:10px;} .Top003156 menu li.promenu .navpull .navtab dl dt{display: inline-block;margin:0 25px;font-size: 16px;font-weight: bold;} .Top003156 menu li.promenu .navpull .navtab dl dt.on a{color:#2478b5;} .Top003156 menu li.promenu .navpull .navtabcon .navtabbox{display: none;} .Top003156 menu li.promenu .navpull .navtabcon .navtabbox dl dd{width:180px;margin:0 10px;margin-bottom:20px;display: inline-block;} .Top003156 menu li.promenu .navpull .navtabcon .navtabbox dl dd .img{height:120px;line-height: 120px;border:1px solid #eee;overflow: hidden;} .Top003156 menu li.promenu .navpull .navtabcon .navtabbox dl dd .img img{max-height:80%;max-width:80%;transition: all .3s;-webkit-transition: all .3s;} .Top003156 menu li.promenu .navpull .navtabcon .navtabbox dl dd:hover .img img{transform: scale(1.05);-webkit-transform: scale(1.05);} .Top003156 menu li.promenu .navpull .navtabcon .navtabbox dl dd .ti{margin-top:10px;} .Top003156 menu li.promenu .navpull dl dd:hover a{color: #2478b5;} .Top003156 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;} } @media(max-width:1024px){ .Top003156 menu li.promenu .navpull .navpullbox .navtabcon{display: none;} } /*Banner002826 */ .Banner002826{position: relative; z-index: 1;} /*方法4*/ /*.Banner002826 li.slick-slide{position: relative;} .Banner002826 li.slick-slide img{display: block;width: 100%;} .Banner002826 li.slick-slide video{position: absolute; z-index: 10; left: -100%; top: -100%; min-height: 100%; min-width: 100%; opacity: 0; transition: 0.3s;} .Banner002826 li.video-show video{left: 50%;opacity: 1;top: 50%; transform: translate(-50%,-50%);} .Banner002826 li.slick-slide .open-video{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3) url(../images/Banner002826_play.png) no-repeat center center;background-size: auto 50px; z-index: 20;transition: 0.3s;} .Banner002826 li.video-show .open-video{opacity: 1;} @media(min-width:1025px){ .Banner002826 li.slick-slide img.wap{display: none;} } @media(max-width:1024px){ .Banner002826 li.slick-slide img.pc{display: none;} }*/ /*方法1,2,3*/ .Banner002826 li.slick-slide{position: relative;} .Banner002826 li.slick-slide img{display: block;width: 100%;} .Banner002826 li.slick-slide video{position: absolute; z-index: 10; left: 50%; top: 50%; transform: translate(-50%,-50%);min-height: 100%; min-width: 100%;} @media(min-width:1025px){ .Banner002826 li.slick-slide img.wap{display: none;} } @media(max-width:1024px){ .Banner002826 li.slick-slide img.pc{display: none;} .Banner002826 li.slick-slide video{left: -100%;top: 100%; opacity: 0;} .Banner002826 li.slick-slide .open-video{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3) url(../images/Banner002826_play.png) no-repeat center center;background-size: auto 50px; z-index: 20;} .Banner002826 li.video-show .open-video{left: -100%;opacity: 0; transform: translateX(-100%);} .Banner002826 li.video-show video{left: 50%; top: 50%; opacity: 1;} } /*方法5 添加播放按钮+弹窗*/ /*.Banner002826 .open-video{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3) url(../images/Banner002826_play.png) no-repeat center center;background-size: auto 50px; z-index: 20; cursor: pointer;} .video-openbox{position:fixed;left:0;height:100%;width:100%; z-index:500;background:rgba(0,0,0,0.5); top:0;} .video-openbox .ytable{height: 100%;} .video-openbox .close{position: absolute;right: 20px;top: 20px; width: 30px; height: 30px; cursor: pointer; z-index: 10; cursor: pointer;} .video-openbox .close:before, .video-openbox .close:after{position: absolute;width: 100%; left: 0; top: 50%; height: 3px; margin-top: -1.5px; background: #fff; content: '';transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);} .video-openbox .close:after{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);} .video-openbox video{max-width: 1200px; margin: 0 auto;display: block;}*/ .slick-slider {position: relative;display: block;-webkit-touch-callout: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent} .slick-list { position: relative; z-index: 1;display: block; overflow: hidden;} .slick-list:focus {outline: none} .slick-list.dragging {cursor: pointer;cursor: hand;} .slick-slider .slick-track, .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)} .slick-track {position: relative; top: 0; left: 0; display: block;} .slick-track:before, .slick-track:after{display: table; content: '';} .slick-track:after{ clear: both;} .slick-loading .slick-track { visibility: hidden;} .slick-slide{ display: none; float: left; min-height: 1px;} [dir = 'rtl'] .slick-slide {float: right;} .slick-slide .slick-loading img { display: none;} .slick-slide .dragging img { pointer-events: none;} .slick-initialized .slick-slide { display: block;} .slick-loading .slick-slide { visibility: hidden;} .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;} .slick-arrow .slick-hidden { display: none;} .Banner002826 .slick-dots{position: absolute; left: 50%; transform: translate(-50%,0); bottom: 5%;overflow: hidden; z-index: 10;} .Banner002826 .slick-dots li{float: left; width: 18px; height: 18px;position: relative; border-radius: 50%;border: 2px solid #fff; cursor: pointer;} .Banner002826 .slick-dots li:not(:last-child){margin-right: 10px;} .Banner002826 .slick-dots li:before{position: absolute; left: -1px; top: -1px; right: -1px; bottom: -1px; border-radius: 50%;background: #fff; transition: 0.3s;content: '';} .Banner002826 .slick-dots li.slick-active:before{transform: scale(0);-webkit-transform: scale(0);-ms-transform: scale(0);} .Banner002826 .slick-dots li button{display: none;} @media(max-width:640px){ .Banner002826 .slick-dots li{width: 10px; height: 10px;} .Banner002826 .slick-dots li:not(:last-child){margin-right: 4px;} } /*Floor003196 */ .Floor003196{background: #f8f9fd;background-size: cover; padding: 5% 0; overflow: hidden;} @media (max-width:1024px) { .Floor003196 .box-new-company{ margin-bottom: calc(30 / 16 * 1em);} } .Floor003196 .ytable-cell{ vertical-align: top;} .Floor003196 [class*=box-new-] a:hover{color: #297fcd;} .Floor003196 [class*=box-new-] h4.tit{margin: 0;font-weight: normal;} .Floor003196 .box-new-industry{background-color: #fff;box-shadow: 0 0px 10px rgba(0,0,0,.03); padding: calc(25 / 16 * 1em);border-radius: 10px;} .Floor003196 a.inner{display: block; background: #fff;border-radius: 10px; overflow: hidden;box-shadow: 0 0px 10px rgba(0,0,0,.03);} .Floor003196 a.inner:hover{background: #297fcd;} .Floor003196 a.inner .txt{ padding:calc(25/ 16 * 1em);} .Floor003196 .label span{display: inline-block; padding: 0 calc(18 / 16 * 1em); text-align: center;color: #297fcd;line-height: calc(30 / 14 * 1em);border-radius: 50px;border: solid 1px #297fcd;font-size: calc(14 / 16 * 1em);} .Floor003196 a:hover .label span{color:#fff;border-color: transparent; background:#297fcd;} .Floor003196 a.inner h4.tit{margin: calc(15 / 20 * 1em) 0 calc(15 / 20 * 1em) 0;font-size: calc(20 / 16 * 1em); line-height: calc(30 / 20 * 1em);} .Floor003196 a.inner p{ color: #666; line-height: calc(30 / 16 * 1em); margin-bottom: calc(20 / 16 * 1em); height: calc((30 / 16 * 1em) * 2);} .Floor003196 a.inner .more{color: #999;display: inline-block; font-size: calc(16 / 16 * 1em); padding-right: calc(25 / 16 * 1em); background: url(../images/more2.svg) no-repeat right center; background-size:calc(14 / 16 * 1em) auto;transition: 0.3s;} .Floor003196 a.inner:hover .more{color: #fff; padding-right:calc(40 / 16 * 1em); background-image:url(../images/more-on.svg) ;} .Floor003196 .box-new-company .pic{overflow: hidden;} .Floor003196 .box-new-company .Ispic{padding-bottom: calc(300 / 460 * 100%); transition: 0.3s;} .Floor003196 a.inner:hover .Ispic{transform: scale(1.1);} .Floor003196 a.inner:hover *{ color: #fff;} .Floor003196 a.inner:hover .label span{color:#297fcd;border-color: transparent; background:#fff;} .Floor003196 .list{ } .Floor003196 .list li{display: table;width: 100%;border-bottom:1px solid #f5f5f5; height: calc(175 / 16 * 1em); } .Floor003196 .list li a{display: table-cell; vertical-align: middle;} .Floor003196 .list h4.tit{font-size: calc(20 / 16 * 1em); line-height: 1.5; margin:calc(15 / 20 * 1em) 0;} .Floor003196 .list p{ color: #666; line-height: calc(30 / 16 * 1em); margin: 0; margin-bottom: calc(10 / 16 * 1em);/* height: calc((30 / 16 * 1em) * 2); */} .Floor003196 .list li time{color: #999; font-size: calc(15 / 16 * 1em);padding-left: 24px; background: url(../images/icon-time.svg) no-repeat left center; background-size: 16px auto;} .Floor003196 .more-btn{text-align: right;} .Floor003196 .more-btn a{width: calc(120 / 14 * 1em);line-height: calc(43 / 14 * 1em);border-radius: 50px;border: solid 1px #297fcd;font-size: calc(14 / 16 * 1em);display: inline-block;text-align: center;color: #297fcd;transition: 0.3s;} .Floor003196 .more-btn a:hover{background-color:#297fcd;color: #fff;} @media (min-width:1025px) { .Floor003196 .box-new-company{width: calc(490 / 1440 * 100%);} .Floor003196 a.inner{margin-right:calc(30 / 16 * 1em);} } @media (max-width:1024px) { .Floor003196 .column-tit{font-size: calc(32 / 16 * 1em);} } /*Floor003129 */ .Floor003129 { padding: 5% 0;} .Floor003129 .Hometitle{position: relative; text-align: left;} .Floor003129 .Hometitle .cn:after{margin: 0.5em 0 auto;} .Floor003129 .Hometitle .Homemore{position: absolute; right: 0; top: 50%;transition: 0.3s;transform: translateY(-50%);} .Floor003129 .list label{border: solid 1px #dedede;font-size:calc(15 / 16 * 1em);line-height:1.875;padding: 0 0.5714em;display: inline-block;transition: 0.3s; border-radius: 5px;} .Floor003129 .list a:hover label{border-color: #297fcd; background-color: #297fcd;color: #fff;} .Floor003129 .list .tit{font-size: calc(22 / 16 * 1em);color: #333333; margin: calc(14 / 22 * 1em) 0; } .Floor003129 .list ol .tit{line-height: 1.5;} .Floor003129 .list .txt p{margin: 0;color: #666666;font-size: calc(16 / 16 * 1em);line-height: 1.8;} .Floor003129 .list time{color: #999999; padding-right: 3.4375em;background: url(../images/Floor003129-icon.svg) no-repeat right center; background-size: 1em auto;display: inline-block;} .Floor003129 .list ol time{margin-top: 3em;} .Floor003129 .list ol .pic{overflow: hidden; margin-bottom: 2.5em;} .Floor003129 .list ol .Ispic{padding-bottom: 59.091%;transition: 0.3s ease-out;} .Floor003129 .list a:hover .Ispic{transform: scale(1.1);} @media (min-width:1025px) { .Floor003129 .list{position: relative;z-index: 1;} .Floor003129 .list:before{position: absolute;content: '';left:41%;width: 1px;height: 100%;background-color: #f2f2f2; top: 0;} .Floor003129 .list ol{float: left;width: 36%;} .Floor003129 .list li{float: right;width: 53%; border-bottom: 1px solid #f2f2f2;} .Floor003129 .list li a{height: 11.1875em;} .Floor003129 .list li:nth-of-type(1) a{height: 9.625em;} .Floor003129 .list li:nth-of-type(1) a .ytable-cell{vertical-align: top;} .Floor003129 .list li .txt{position: relative;padding-right: 8.75em;} .Floor003129 .list li time{position: absolute;right: 0; top: 50%; line-height: 2; margin-top: -1em;} } @media (max-width:1024px) { .Floor003129 .auto{padding: 2em 0;} .Floor003129 .list ol{margin-bottom: 2em;} .Floor003129 .list li{border-top: 1px solid #f2f2f2; padding: 2em 0;} .Floor003129 .list li time{margin-top: 2em;} } /*Floor003194 */ .Floor003194{background-size: cover; overflow: hidden; padding: 5% 0 0 0;} .Floor003194 .intro{text-align: center; padding-top: calc(161 / 1920 * 100vw); padding-bottom: calc(98 / 1920 * 100vw);} .Floor003194 .boxs-group ul{display: table;width: 100%; } .Floor003194 .boxs-group li{display: table-cell; cursor: pointer; transition: 0.3s;width: 10%;padding-bottom: 34.883%;position: relative;} .Floor003194 .boxs-group li.active{width: 30%;} .Floor003194 .boxs-group li .inner{left: 0;right: 0;position: absolute;height: 100%;background: #000;} .Floor003194 .boxs-group li .Ispic{ height: 100%;opacity: 0.5;} .Floor003194 .boxs-group li.active .Ispic{ opacity: 0.9;} .Floor003194 .boxs-group li .txt{position: absolute; left: 0; bottom: 0; z-index: 10;width: 100%; padding: 30px 30px 50px 30px;color: #fff;} .Floor003194 .boxs-group li .txt .icon img{ max-width:calc(60 / 16 * 1em) ;} .Floor003194 .boxs-group li .txt aside{margin: calc(20 / 24 * 1em) 0 calc(15 / 24 * 1em) 0;font-size: calc(24 / 16 * 1em);} .Floor003194 .boxs-group li .txt p{font-size: calc(18 / 16 * 1em); line-height: calc(30 / 18 * 1em); opacity: 0; height:calc(30 / 18 * 1em); margin: 0;} .Floor003194 .boxs-group li.active .txt{padding-left: calc(40 / 16 * 1em);padding-right: calc(40 / 16 * 1em);} .Floor003194 .boxs-group li.active .txt p{opacity: 1; height: auto;} .Floor003194 .boxs-group li.active a{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10;} @media(max-width:1024px){ .Floor003194 .boxs-group li:not(.active) .txt aside.dot{display: none;} .Floor003194 .boxs-group li .inner{left: 5px;right:5px;} .Floor003194 .boxs-group li .txt{padding-bottom: 30px;} } @media(max-width:768px){ .Floor003194 .boxs-group li .txt{font-size: 18px;} .Floor003194 .boxs-group li .txt{padding-bottom: 15px;padding-left:10px;padding-right:10px;} .Floor003194 .boxs-group li.active .txt{padding-left:15px;padding-right:15px;} .Floor003194 .boxs-group li .inner{left: 1px;right:1px;} } /*Floor002841 */ .Floor002841{overflow: hidden;font-size: 16px; padding:5% 0 ;background: url(../images/Floor002841-bg.jpg) no-repeat top center; background-size: cover;} .Floor002841 .Hometitle{position: relative; text-align: left;} .Floor002841 .Hometitle .cn:after{margin: 0.5em 0 auto;} .Floor002841 .left .info{color: #333;line-height:2;padding: 0 0 calc(32 / 16 * 1em) 0;font-size: calc(16 / 16 * 1em); } .Floor002841 .right{position: relative; z-index: 1;overflow: hidden} .Floor002841 .right img{ border-radius: 10px;} .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 #f8f9ff;padding-left: calc(30 / 16 * 1em);} .Floor002841 .info-num .icon{display: block; width:calc(40 / 16 * 1em); height: calc(40 / 16 * 1em); position: relative; } .Floor002841 .info-num .icon img{display: block; width:calc(40 / 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: #f18600;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: 20px;margin-left: 8px;color: #666; } .Floor002841 .info-num li aside sup{position: absolute;left: 100%;word-break: keep-all;top: 15%;font-size: 20px;margin-left: 10px;color: #f18600;} .Floor002841 .info-num li p{font-size: calc(18 / 16 * 1em);color: #333; margin: 0;} @media(min-width:1025px){ .Floor002841 .left{ width: 45%;} .Floor002841 .right{ padding-left: 5%;} } @media(max-width:1500px){ .Floor002841 .info-num li{width: 33.33333%; margin-top: 10px;} } @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;} .Floor002841 .info-num li{text-align: center; } .Floor002841 .info-num li:not(:last-child){margin-bottom: 20px;} } @media(max-width:991px){ .Floor002841 .info-num li{width: 48.5%; padding-left: 0;} .Floor002841 .info-num .icon{margin: 0 auto;} } @media(max-width:640px){ .Floor002841 .info-num li{width: 50%; } .Floor002841 .info-num li aside b{font-size: calc(30 / 16 * 1em);} } .zp-search{overflow: hidden;max-width: 1600px;margin: 0 auto;padding-bottom: 2vw;} .zp-search .text{height: 48px;line-height: 44px;padding: 0 20px;font-size: 16px; width: 20vw;min-width:218px;float: left;border: 1px solid #ddd;color: #222;background-color: #f8f9fb;border-radius: 25px;} .zp-search .btn-area { float: left; display: inline-block; } .zp-search .btn-area a.open-sbox{background: url(../images/zp-search.png) no-repeat #297fcd; background-size: 16px;background-position: 40px center;display: inline-block;border-radius: 25px; color: #fff;line-height: 48px;font-size: 18px;padding: 0 50px 0 66px;margin-left: 1vw;} .zp-search .btn-area a:hover{background: url(../images/zp-search.png) no-repeat #f18600; background-size: 16px;background-position: 40px center;} @media (max-width: 768px) { .zp-search{margin-bottom: 15px;} .zp-search .btn-area a.open-sbox{ background: url(../images/zp-search.png) no-repeat #297fcd; background-size: 16px;background-position: 20px center;display: inline-block;border-radius: 25px; color: #fff;line-height: 48px;font-size: 18px;padding: 0 36px 0 46px;margin-left: 15px; } } /*Bottom003191 */ .Bottom003191{background-color: #333;color: #fff; } .Bottom003191 a{color: rgba(255,255,255,0.5);} .Bottom003191 a:hover{color: #fff; } .Bottom003191 .b-bottom{background-color: #222; padding: calc(25 / 16 * 1em) 0;color: rgba(255,255,255,0.5);} .Bottom003191 .b-bottom .auto{font-size: calc(14 / 16 * 1em);} .Bottom003191 .b-bottom nav a{display: inline-block;} .Bottom003191 .b-bottom nav a:not(:last-child)::after{display: inline-block; content: ' · '; margin: 0 calc(10 / 14 * 1em);color: rgba(255,255,255,0.5);} .Bottom003191 .b-top{padding: calc(60 / 16 * 1em) 0 calc(40 /16 * 1em) 0;} .Bottom003191 .b-top nav dt{font-size: calc(18 / 16 * 1em);} .Bottom003191 .b-top nav dt a:not(:hover){color: #fff;} .Bottom003191 .b-top nav dd{line-height: calc(34 / 16 * 1em);} .Bottom003191 .logo img{height: calc(64 / 16 * 1em);} .Bottom003191 .hotline{ line-height: 1.6;} .Bottom003191 .hotline dl{margin-top: calc(30 / 16 * 1em);} .Bottom003191 .hotline dt{opacity: 0.8;margin-bottom: calc(6 / 16 * 1em);} .Bottom003191 .hotline dd{display: inline-block; font-size: calc(30 / 16 * 1em);color: #f18600; font-weight: bold;padding-left: calc(36 / 30 * 1em); background: url(../images/Bottom00319-tel.svg) no-repeat left center; background-size: calc(28 / 30 * 1em) auto;} .Bottom003191 .contact li{line-height: 26px; margin: 8px 0;padding-left: calc(30 / 16 * 1em);background-position: left top calc(5 / 16 * 1em) ;background-repeat: no-repeat;background-size: auto calc(20 / 16 * 1em);} .Bottom003191 .contact li.phone{background-image: url("../images/contact_phone.svg");} .Bottom003191 .contact li.mail{background-image: url("../images/contact_email.svg");} .Bottom003191 .contact li.add{background-image: url("../images/contact_add.svg");} .Bottom003191 .tit{font-size: calc(18 / 16 * 1em);padding-bottom: 1em;} .Bottom003191 .code li{text-align: center; max-width: 125px;} .Bottom003191 .code li img{ border-radius: 4px;display: block; width:125px;} .Bottom003191 .code li aside {color: rgba(255, 255, 255, 0.5);margin-top: 10px;} @media (min-width:1025px) { .Bottom003191 .b-top .left{width: calc(360 / 1600 * 100%);} .Bottom003191 .b-top .right{width: calc(160 / 1600 * 100%);} .Bottom003191 .b-top .mid{width: calc((1600 - 260 * 2) / 1600 * 100%);} .Bottom003191 .b-top nav{width:88%;margin: 0 auto; max-width: calc(820 / 16 * 1em); overflow: hidden;} .Bottom003191 .b-top nav dl{float: left; max-width: calc(150 / 16 * 1em);} .Bottom003191 .b-bottom .fl, .Bottom003191 .b-bottom .fr{max-width: 45%;} .Bottom003191 .b-top nav dt{ margin-bottom:1em;} } @media (max-width:1024px) { .Bottom003191 .logo{text-align: center;} .Bottom003191 .b-bottom .copyright{margin-top: 1em;} .Bottom003191 .b-bottom .copyright a{display: inline-block;} .Bottom003191 .b-top{padding: 3em 0;} .Bottom003191 .b-top nav{border-top: 1px solid rgba(255,255,255,0.1);border-bottom: 1px solid rgba(255,255,255,0.1); padding: 2em 0; margin: 2em 0; display: none;} .Bottom003191 .b-top nav dl{margin: 0!important;} .Bottom003191 .b-top nav dl:not(:last-child){margin-bottom: 1em!important;} .Bottom003191 .b-top nav dd{display: inline-block; margin-right: 1em;} .Bottom003191 .right .tit{ text-align: center;} .Bottom003191 .code li{ margin: 0 auto;} } .Content{ padding: 5% 0;} .w22,.w75{padding-bottom: 0;} .column-title{margin-bottom:calc(35 / 16 * 1em);text-align: center;} .column-title .cn{font-size:calc(36 / 16 * 1em);font-weight: bold;color:#333; line-height: 1;} .column-title .cn:after{content:'';width:40px;height: 3px;background:#297fcd;display: block; margin:0.5em auto 0;} /*Banner003144 */ .Banner003144 .pc{background-position: center center; background-repeat: no-repeat; height: 28.125em; background-size: cover;} @media (min-width:1025px) { .Banner003144 .wap{display: none;} } @media (max-width:1024px) { .Banner003144 .pc{display: none;} } /*Menu003135 */ .Menu003135 { border-bottom: 1px solid rgba(0,0,0,0.05); padding: calc(20 / 16 * 1em) 0; } .Menu003135 .current { padding-left: 1.51428em; background: url(../images/Menu003135-icon.svg) no-repeat left center; background-size: 1em auto; line-height: 3; } .Menu003135 .current, .Menu003135 .current a:not(:hover) { color: #999; } .Menu003135 .current a:hover { color: #297fcd; } .Menu003135 .current span { color: #333; } .Menu003135 .nav-menu li { float: left; font-size: calc(18 / 16 * 1em);line-height: 2.8; } .Menu003135 .nav-menu li:not(:last-child) { margin-right: calc(15 / 16 * 1em); } .Menu003135 .nav-menu li a { display: block; position: relative; padding: 0 calc(30 / 16 * 1em);background: #f4f8fd; border-radius: 50px; transition: .5s; } .Menu003135 .nav-menu li a:hover, .Menu003135 .nav-menu li.aon a { background: #297fcd; color: #fff } @media (max-width:1024px) { .Menu003135 .current { display: none; } .Menu003135 .nav-menu li:nth-child(3n){margin-right: 0;} .Menu003135 .nav-menu li { line-height: 3; width: calc( ( 100% - (15 / 16 * 1em) * 2 ) / 3); text-align: center;margin-bottom: 10px; } .Menu003135 .nav-menu li a { padding: 0 } } .AboutPage { } .AboutPage .column-title{ text-align: left;} .AboutPage .column-title .cn:after{margin:0.5em 0 auto;} .section-top{ position: relative;} .section-top .right { position: relative; } .section-top .right .pic img{ border-radius: 10px;} .section-top .right .play { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; cursor: pointer; } .section-top .right .play:before { position: absolute; content: ''; width: 86px; height: 86px; background: url("../images/play.png") no-repeat center center rgba(0,0,0,0.2); left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 50%; } .section-top .right .pic{position: relative;z-index: 1;overflow: hidden;} .section-top .right .pic video{position: absolute;left: 0; top: 0; z-index: 20;background: #000;} .section-top .left .edit-info {line-height: 2; color: #333; } .section-top .left .edit-info p{ } @media (min-width:1025px) { .section-top .left { padding-right: 5%; } .section-top.section-top-danpian .left { padding-right: 0; } .section-top .right {width: 36%;} } @media(max-width:1024px) { .section-top .right .play:before { width: 20vw; height: 20vw; } .section-top .left .edit-info img{ width: 100% !important; height: 100% !important; } } .section-bottom { display: flex; justify-content: space-around; width: 100%; position: relative; z-index: 1;margin-top: 4%; background: #fff; box-shadow: 0 0px 2.5em rgba(0,88,231,.1); border-radius: 200px; } .section-bottom .item {padding: 2vw 1.5vw; } .section-bottom .item { display: table; table-layout: fixed; width: 100%; } .section-bottom .item > * { display: table-cell; vertical-align: middle; } .section-bottom .item .icon { width: 15%; } .section-bottom .item .icon img { display: block; width: 96%; max-width: calc(80 / 16 * 1em);} .section-bottom .item .txt { padding-left: 1vw; } .section-bottom .item .txt .num {font-size:calc(40 / 16 * 1em); color: #f18600; font-weight: bold; line-height: 1;} .section-bottom .item .txt .num > * { vertical-align: middle; } .section-bottom .item .txt .num sub { display: inline-block; font-size: calc(18 / 40 * 1em); vertical-align: top;} .section-bottom .item .txt .num sup { display: inline-block; font-size: calc(18 / 40 * 1em); vertical-align: bottom; font-weight: normal;} .section-bottom .item .txt p { margin: 0; color: #333; margin-top: 8px; line-height: 1.6; } @media(max-width:1024px){ .section-bottom{flex-wrap: wrap;} .section-bottom .item{width: 30%;} .section-bottom .item .txt .num{ font-size: calc(20/16 * 1em); text-align: center;} .section-bottom .item .txt p{font-size: calc(14/16 * 1em); text-align: center;} } @media(max-width:640px){ .section-bottom{justify-content: space-evenly;} .section-bottom .item{width: 35%;} .section-bottom .item .txt .num{ font-size: calc(24/16 * 1em); } .section-bottom .item .txt p{font-size: calc(16/16 * 1em); } } /*PicList003142 */ .PicList003142#search{margin-top: 100px; margin-bottom: 100px;} .PicList003142{ } .PicList003142 ul{ display: flex; flex-wrap: wrap;} .PicList003142 li{float: left; margin-bottom: 2%; border-radius: 10px; background: #fff;} .PicList003142 li .txt{box-shadow:0px 0.625em 4.375em rgba(0, 0, 0, 0.05);padding: calc(20 / 16 * 1em);} .PicList003142 li .tit{ font-size: calc(20 / 16 * 1em);line-height: 1.6; min-height: 3.2em;} .PicList003142 li p{font-size: calc(16 / 16 * 1em); line-height: 1.78571; min-height: 3.57142em;color: #999999;} .PicList003142 li .pic{overflow: hidden;border-radius:10px 10px 0 0;} .PicList003142 li .Ispic{padding-bottom: 70%;transition: 0.3s;} .PicList003142 li a:hover .Ispic{transform: scale(1.1);} .PicList003142 li a:hover{color: #297fcd;} .PicList003142 li time{color: #999999;display: block;font-size: calc(15 / 16 * 1em);} @media (min-width:1025px) { .PicList003142 li{width: 23.5%;} .PicList003142 li:not(:nth-child(4n)){margin-right: 2%;} .PicList003142 li:nth-child(3n+1){clear: left;} } @media (max-width:1024px) { .PicList003142 .auto{margin-top: 2em;} .PicList003142 li{width: 48%;} .PicList003142 li:not(:nth-child(2n)){margin-right: 4%;} .PicList003142 li:nth-child(2n+1){clear: left;} .PicList003142 li .txt{padding: 1em;} } @media(max-width:640px){ .PicList003142 li{width: 100%;} .PicList003142 li:not(:nth-child(2n)){margin-right: 0;} } .Menu002306{/* box-shadow: 0px 0px 10px rgba(0,0,0,.05); */border-radius: 10px;overflow:hidden;} .Menu002306 .side-title{ line-height:calc(80 / 26 * 1em); background-color: #297fcd; font-size:calc(26 / 16 * 1em);color:#fff; font-weight: bold; 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 20px;color:#333; line-height:calc(55 / 18 * 1em);font-size: calc(18 / 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:10px; padding-right:10px;} .Menu002306 .side-menu > ul > li > ul > li > a{ padding-left:25px;position:relative;} .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 li.aon > a{ background-color:#f4f8fd;color:#297fcd; font-weight: bold;} .Menu002306 .side-menu li.aon > a::after{ transform:rotate(135deg); border-color:#297fcd; } .Menu002306 .side-menu ul li ul li > a:hover{ background-color:transparent;color:#297fcd;} .Menu002306 .side-menu ul li ul li.select > a{ font-weight:bold; color:#297fcd; position: relative; background: transparent;} .Menu002306 .side-menu ul li ul li > a::after{ position: absolute;content: '';width: 6px;height: 6px;left: 10px;top: 50%;margin-top: -3px;border: 2px solid #ccc;border-left: 0;border-bottom: 0;transform: rotate(45deg);transition: 0.3s all;} .Menu002306 .side-menu ul li ul li> a:hover::after, .Menu002306 .side-menu ul li ul li.select > a::after{ border-color:#297fcd;} .Menu002306 .side-menu ul li .op{position: absolute;top:0; left: 0; width: 100%; height: 100% } .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; overflow: initial; position: relative;} .Menu002306 .side-title{line-height: calc(45 / 16 * 1em); display: none;} .Menu002306 .side-other{ display:none;} .Menu002306 .side-open_menu{ display:block; border:2px solid #297fcd; padding:10px 20px 10px 20px;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-weight:bold; color:#297fcd; 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:#297fcd; right:10px; top:50%; margin-top:-3px;} .Menu002306 .side-menu{ display:none; padding-bottom:20px; position: absolute; left: 0; top: 100%; width: 100%; background-color: #fff; z-index: 10;} } /*PicList002124 */ .PicList002124 { } .PicList002124 li{ float:left; width:32%; margin-right: 2%; margin-bottom: 2%;background: #fff;border-radius: 10px; overflow: hidden;box-shadow: 0px 0.625em 4.375em rgba(0, 0, 0, 0.05); } .PicList002124 li a { display: block; } .PicList002124 li .pic { overflow: hidden; position: relative; } .PicList002124 li .Ispic { padding-bottom: 75%; transition: 0.3s; } .PicList002124 li a:hover .Ispic { transform: scale(1.08); } .PicList002124 li .txt { padding: calc(24 / 16 * 1em); transition: .3s; } .PicList002124 li aside {font-size: calc(20 / 16 * 1em);color: #333; line-height: 1.2; overflow: hidden; margin-bottom:calc(15 / 20 * 1em) ; } .PicList002124 li p{font-size: calc(15 / 16 * 1em);color: #999; line-height: 1.75; margin: 0;} .PicList002124 li:hover aside{ color: #297fcd; } @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;} } /*Page002623 */ .Page002623{padding: 4vw 0 0vw 0; text-align: center;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 5px;border-radius: 50px;border: 1px solid #f8f9fb; background: #f4f8fd;} .Page002623 .Pages a.a_cur, .Page002623 .Pages a:hover{color: #fff;background: #297fcd; border-color: #297fcd;} .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: #666;border-right-width: 8px;} .Page002623 .Pages .p_page > a.a_next:before{border-left-color: #666;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;} } /*RighInfo003134 */ .RighInfo003134 {} .RighInfo003134 .img-side{border: solid 1px #f2f2f2; margin-bottom: 4em; border-radius: 10px;box-shadow: 0px 0em 1.125em rgba(0, 0, 0, 0.05);} .RighInfo003134 .img-side .ytable-cell{ padding-bottom: 1em;} .RighInfo003134 .img-group li .Ispic{background-size: contain;padding-bottom: 70%;} .RighInfo003134 .controls{display: table;position: relative;padding: 0 56px; margin: 3.125em auto 0;} .RighInfo003134 .controls .slick-dots li{float: left;position: relative; width: 13px;height: 13px; margin: 0 5px;} .RighInfo003134 .controls .slick-dots li button{position: absolute;background:rgba(0,0,0,0.2); width: 7px;height: 7px;border-radius: 50%; top: 50%;left: 50%;transform: translate(-50%,-50%); border: 0; cursor:pointer; border: 0; font-size: 0;padding: 0;transition: 0.3s;} .RighInfo003134 .controls .slick-dots li.slick-active button{background-color: #297fcd; width: 100%;height: 100%;} .RighInfo003134 .controls .slick-arrow{position: absolute; top:50%;width: 25px; height: 11px;background-repeat: no-repeat;background-position: center; margin-top: -5px;} .RighInfo003134 .controls .slick-prev{left: 0;background-image: url(../images/RighInfo003134-btn-prev.svg);} .RighInfo003134 .controls .slick-next{right: 0;background-image: url(../images/RighInfo003134-btn-next.svg);} .RighInfo003134 .controls .slick-disabled{cursor: default;} .RighInfo003134 .controls .slick-prev.slick-disabled{background-image: url(../images/RighInfo003134-btn-prev-disabled.svg);} .RighInfo003134 .controls .slick-next.slick-disabled{background-image: url(../images/RighInfo003134-btn-next-disabled.svg);} .RighInfo003134 .img-side .txt{text-align: left; } .RighInfo003134 .img-side .tit{ font-size: calc(30 / 16 * 1em);color: #333; margin-bottom: calc(20 / 30 * 1em);} .RighInfo003134 .img-side .line{width: 15px; height: 2px; background-color: #297fcd;display: block;margin: 0 auto;} .RighInfo003134 .img-side .text{ font-size: calc(18 / 16 * 1em); line-height: 1.875; color: #666;} .RighInfo003134 .img-side .btn{ margin-top: calc(35 / 16 * 1em);} .RighInfo003134 .img-side .btn a{display: inline-block;font-size: calc(16 / 16 * 1em);color: #fff;box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.08);border-radius: 50px; margin: 0 5px; min-width:8.5em;text-align: center; line-height: 3;padding: 0 1.8125em; cursor: pointer;} .RighInfo003134 .img-side .btn a.download{background-color: #297fcd;} .RighInfo003134 .img-side .btn a.download2{background-color: #6e6e6e;} .RighInfo003134 .img-side .btn a:hover{background-color: #f18600;} .RighInfo003134 .tab .h1_tab{margin:0;margin-bottom:3%;border-bottom:1px solid #eee;overflow:hidden;font-size:calc(18 / 16 * 1em);font-weight:normal;color:#333;} .RighInfo003134 .tab .h1_tab span{float:left;padding:0 calc(20 / 16 * 1em);line-height:3em;background-color:#f4f8fd;margin-right:0.3em; border-radius: 10px 10px 0 0; cursor:pointer;} .RighInfo003134 .tab .h1_tab span.on{background-color:#297fcd;color:#fff;} .RighInfo003134 .prod-intro .name{border-bottom: 1px solid #efefef;font-size: 1.5em; padding-bottom: 0.666em;color: #333; line-height: 2;} .RighInfo003134 .prod-intro .name i{width: 2em; height: 2em;border-radius: 50%;background-color: #297fcd;display: inline-block;vertical-align: top; margin-right: 0.625em; background-repeat: no-repeat; background-position: center; background-size: auto 50%;} .RighInfo003134 .prod-intro .name-1 i{background-image: url(../images/RighInfo003134-icon-file.svg);} .RighInfo003134 .prod-intro .name-2 i{background-image: url(../images/RighInfo003134-title-icon.svg);} .RighInfo003134 .prod-intro .singlePage{line-height: 2; margin: 2em 0 3em 0; color: #333; } .RighInfo003134 .list-ul{ display: flex; flex-wrap: wrap;} .RighInfo003134 .list-ul li{background: #f8f9fb;border-radius: 10px; padding: 25px; margin-bottom: 1.2%; } .RighInfo003134 .list-ul li .inner{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;} .RighInfo003134 .list-ul li .num {width: 56px;height: 56px;line-height: 56px;background: #297fcd; font-size:calc(26 / 16 * 1em) ; border-radius: 50%; text-align: center;color: #fff; font-weight: bold;} .RighInfo003134 .list-ul li .info{ width: calc(100% - 70px);} .RighInfo003134 .list-dl dd{position: relative; background: #f9f9f9; padding: 15px 15px 15px 35px; margin-bottom: 1.2%; border-radius: 10px;} .RighInfo003134 .list-dl dd:before{position: absolute; content: ''; width: 6px; height: 6px; border-radius: 50%;background: #297fcd; left: 20px; top: 50%; margin-top: -3px;} .RighInfo003134 .table_1 th {font-weight: normal;} .RighInfo003134 .table_1 th, .RighInfo003134 .table_1 td{ text-align:left; border:1px solid #eee; border-collapse:collapse; line-height:26px; padding:15px;font-size:calc(16 / 16 * 1em);} .RighInfo003134 .table_1 tr:nth-child(2n+1){ background: #f4f8fd;} .RighInfo003134 .table_1 tr th{ background:#297fcd;color: #fff;font-size:calc(18 / 16 * 1em);} @media (min-width:1025px) { .RighInfo003134 .img-group{width: 50%;border-right: solid 1px #f2f2f2;} .RighInfo003134 .img-side .ytable-cell{padding-top: 3em;} .RighInfo003134 .img-side .txt{padding: 1% 4%;} .RighInfo003134 .list-ul li{ float: left;width: 32%; margin-right: 2%;} .RighInfo003134 .list-ul li:nth-child(3n){ margin-right: 0;} .RighInfo003134 .list-dl dd{ float: left;width: 48%; margin-right: 4%;} .RighInfo003134 .list-dl dd:nth-child(2n){ margin-right: 0;} } @media (max-width:1024px) { .RighInfo003134 .img-side{ padding: 2em;} .RighInfo003134 .img-side .btn a{min-width: calc(50% - 10px);padding: 0;} .RighInfo003134 .tab .h1_tab span{margin-bottom: 10px;} } .RighInfo003134 .popUp-box{position: fixed;z-index: 200; left: 0;top: 0;width: 100%; height:100%; background-color: rgba(0,0,0,0.5);display: none;} .RighInfo003134 .popUp-box > .ytable{height: 100%;} .RighInfo003134 .popUp-box .main{background: #fff url(../images/RighInfo003134-bg.jpg) no-repeat;background-size: cover; width: 90%; max-width: 1200px;margin: 0 auto;border-radius: 5px; position: relative; } .RighInfo003134 .popUp-box .close{position: absolute; right: 20px;top: 20px;width: 20px;height: 20px;z-index: 10;cursor:pointer;} .RighInfo003134 .popUp-box .close:before, .RighInfo003134 .popUp-box .close:after{position: absolute;content: ''; width: 100%;height: 2px;background-color: #000; top: 50%;margin-top: -1px;transform: rotate(-45deg);} .RighInfo003134 .popUp-box .close:after{transform: rotate(45deg);} .RighInfo003134 .popUp-box .logo img{height: 1.9375em;} .RighInfo003134 .popUp-box .title{font-family: 'SourceHanSansCN-Medium';font-size: 1.875em;color: #333333;line-height: 1.3333; margin-top: 0.3em;} .RighInfo003134 .popUp-box .title:after{display: block; content: '';width: 20px;height: 2px;background-color: #297fcd; margin: 1em 0;} .RighInfo003134 .popUp-box .left p{font-size: 1.5em;line-height: 1.66666;color: #333333;} .RighInfo003134 .popUp-box .form li{position: relative;z-index: 1; margin-bottom: 10px;} .RighInfo003134 .popUp-box .form li label.tit{position: absolute; left: 1.21428em; top: 0;font-size: 0.875em; line-height: 3.5714em;} .RighInfo003134 .popUp-box .form li .text{border: solid 1px rgba(139,139,139,0.2);width: 100%;font-size: 1em; height:3.125em; line-height: 3.125em;border-radius:0.625em;padding: 0 1.0625em;} .RighInfo003134 .popUp-box .form li.code dl{overflow: hidden;} .RighInfo003134 .popUp-box .form li.code dl dt{position: relative;width: 60%;float: left;} .RighInfo003134 .popUp-box .form li.code dl dd{width: 38%;float: right;} .RighInfo003134 .popUp-box .form li.code dl dd a{display: block;cursor: pointer;background-color: #6e6e6e; border-radius: 10px;color: #fff;font-size: 0.875em;line-height: 3.5714em;text-align: center;} .RighInfo003134 .popUp-box .form ol .btn{display: block;width: 100%;background: #297fcd;border:0;cursor: pointer;border-radius: 0.625em;height:3.125em;color: #fff;font-family: 'SourceHanSansCN-Light';font-size: 1em;} @media (min-width:1025px) { .RighInfo003134 .popUp-box .main{padding: 10.9375vh 8.25em;} .RighInfo003134 .popUp-box .main .ytable-cell{width: 50%;} } @media (max-width:1024px) { .RighInfo003134 .popUp-box .main{padding:2em; } .RighInfo003134 .popUp-box .main .ytable{max-height: 85vh; overflow: auto;} } /*TextList002514 */ .TextList002514{ } .TextList002514 .list{box-shadow: 0 0 10px rgba(0,0,0,0.1); margin-bottom:2%; border-radius: 10px;} .TextList002514 .list:last-child{margin-bottom:0;} .TextList002514 .job-title{line-height: 2em;padding: 1em 2em;font-size: 22px;cursor:pointer;position:relative;padding-right: 120px;} .TextList002514 .job-title .tit{position:relative;padding-left: 22px;color:#333;} .TextList002514 .job-title .tit::before{ position:absolute; content:''; width:3px; height:18px; background-color:#297fcd; left:0; top:50%; margin-top:-8px;} .TextList002514 .job-title i{ position:absolute; width:22px; height:22px; background:#297fcd; border-radius:50%; right:40px; top:50%; margin-top:-11px;} .TextList002514 .job-title i::before, .TextList002514 .job-title i::after{ position:absolute; content:''; background:#fff;} .TextList002514 .job-title i::before{ left:20%; width:62%; height:2px; top:50%; margin-top:-1px;} .TextList002514 .job-title i::after{ left:50%; margin-left:-1px; width:2px; top:20%; height:62%;} .TextList002514 .job-title.select i::after{ display:none;} .TextList002514 .job-title.select{ color:#297fcd;} .TextList002514 .job-title.select .tit{color:#297fcd;} .TextList002514 .job-title time{float: right;color: #888;font-weight: normal;margin-left: 20px;font-size: 16px;} .TextList002514 .job-main{display:none;padding: 40px;border-top: 1px solid #eaeaea;background: #f8f9fb;font-size: 16px;} .TextList002514 .job-main strong{color:#333; display: block; margin-bottom: 6px;} .TextList002514 .job-main .ul{padding-bottom: 1.25em;margin-bottom: 1.25em;border-bottom: 1px dashed #cdcdcd;} .TextList002514 .job-main li{float:left;margin-right:10%;} .TextList002514 .job-main li span{color:#333; display:inline-block; font-weight: bold;} .TextList002514 .job-main .job-info{line-height: 2; color: #333;} .TextList002514 .job-main .job-info p{ margin: 8px 0;} .TextList002514 .job-main .p{padding-bottom: 2em;margin-bottom: 2em;border-bottom: 1px dashed #cdcdcd;} .TextList002514 .send{margin-top:calc(20 / 16 * 1em);} .TextList002514 .send em{ font-style: normal; border-bottom:#297fcd 1px solid; font-weight: bold; margin-left: 10px; } .TextList002514 .send a{display: inline-block;line-height: 2;color:#297fcd;background: url(../images/TextList002514_icon.svg) no-repeat right center;padding-right: 2.5em; font-size: calc(20 / 16 * 1em); background-size: calc(36 / 20 * 1em) auto;} .TextList002514 .send img{width: 5vw;display: inline-block;margin: 0 1vw 0 0;} @media(max-width:640px){ .TextList002514 .job-title time{float: none;} } /* .Floor002398 为demo编号 */ .Floor002398{ background: #fff;padding: 5% 0;} .Floor002398 .auto{ max-width: 1600px; margin: 0 auto; background: #fff; padding:0;} @media only screen and (max-width:1470px ) { .Floor002398{ padding-left: 15px; padding-right: 15px;} } @media only screen and (max-width:1199px ) { .Floor002398 .auto{ padding: 30px;} } @media only screen and (max-width:767px ) { .Floor002398 .auto{ padding: 15px;} } .Floor002398 .wrap-head h2{ font-size: 24px; color: #333; margin: 0; font-weight: normal;} .Floor002398 .wrap-head p{margin: 15px 0; color: #888; font-size: 14px;} .Floor002398 .tabs{ position: relative; padding-right: 100px;} .Floor002398 .tabs dl{text-align: center;} .Floor002398 .tabs dl a{ display: inline-block; border-radius: 30px; padding: 0 30px 0 56px; height: 48px;line-height: 48px; text-align: center;position: relative; font-size: 16px; background: #f5f5f5; color: #333; margin-right: 2px; cursor: pointer;} .Floor002398 .tabs dl a img{max-height: 18px; float: left; margin-top: 14px; margin-right: 8px; position: absolute; left: 30px; top: 0;} .Floor002398 .tabs dl a span{display: inline-block;} .Floor002398 .tabs dl a.on{ background: #297fcd; font-size: 18px; color: #fff;} .Floor002398 .tabs dl a.on img{max-height: 22px;margin-top: 14px;} .Floor002398 .tabs dl a .icon{display: block;} .Floor002398 .tabs dl a.on .icon-on{display: none;} .Floor002398 .tabs .more{ position: absolute; right: 0; top: 50%; margin-top: -8px; font-size: 14px; display: block; color: #888; background: url(../images/Floor002398-icon.png) no-repeat left center; padding-left: 20px;} .Floor002398 .tabs .more:hover{ color: #297fcd; background-image: url(../images/Floor002398-icon_hover.png);} @media only screen and (max-width:900px ) { .Floor002398 .tabs .more{ display: none;} .Floor002398 .tabs{ padding-right: 0;} .Floor002398 .tabs dl a{ float: none; width: 100%; margin-right: 0; margin-bottom: 2px;} } .Floor002398 .list{ overflow: hidden; } .Floor002398 .list ul{ margin: 0 -1%; display: none;} .Floor002398 .list li{ float: left; width: 25%; padding: 3% 1% 0;} .Floor002398 .list .li-inner{ border: 1px solid #eeeeee;border-radius: 10px;box-shadow: 0 0px 10px rgba(0,0,0,.03)} .Floor002398 .list .pic{ overflow: hidden;border-radius: 10px 10px 0 0} .Floor002398 .list .pic img{ visibility: hidden;} .Floor002398 .list .pic a{ display: block; background-position: center; background-repeat: no-repeat; background-size: cover; transition: transform .5s ease-in-out;} .Floor002398 .list .pic a:hover{ transform: scale(1.1);} .Floor002398 .list .word{ padding: 25px 25px 0;} .Floor002398 .list .word h3{ font-size: calc(20 / 16 * 1em); color: #333; margin: 0; font-weight: normal;overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .Floor002398 .list li:hover .word h3 a{ color:#297fcd;} .Floor002398 .list .word p{ margin: 20px 0; font-size: 16px; color: #999;overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .Floor002398 .list .word .more{ border-top: 1px solid #eee; display: block; padding: 15px 0; font-size: 14px; color: #888; background: url(../images/Floor002396-more.png) no-repeat right center;} .Floor002398 .list li:hover .word .more{ background-image: url(../images/Floor002396-more_hover.png); color: #297fcd;} @media only screen and (max-width:900px ) { .Floor002398 .list li{ width: 50%;} .Floor002398 .list .word{padding: 10px 10px 0;} .Floor002398 .list .word .more{ padding: 10px 0;} .Floor002398 .list .word p{ margin: 10px 0;} } /*小屏的更多*/ .Floor002398 .mobile_more{ display: none;} @media only screen and (max-width:900px ) { .Floor002398 .mobile_more{ display: block; margin: 5% auto 0; width: 120px; font-size: 16px; color:#333;background: url(../images/Floor002398-icon.png) no-repeat right center;} .Floor002398 .mobile_more:hover{ background-image: url(../images/Floor002398-icon_hover.png); color: #297fcd;} } /* .Form002802 */ .Form002802 {} .Form002802 .column-title{ text-align: left;} .column-title .cn.danpian{text-align: center;} .column-title .cn.danpian::after{display: none;} .Form002802 .column-title .cn:after{margin:0.5em 0 auto;} .Form002802 .txt { margin-bottom: 1.25vw; line-height: 1.75; color: #333; font-size: calc(17 / 16 * 1em);} .Form002802 .from li label { font-size:calc(16 / 16 * 1em);line-height:calc(50 / 16 *1em);color: #999;position: relative; } .Form002802 .from li label { padding:calc(0 / 16 *1em) calc(0 / 16 *1em) calc(0 / 16 *1em) calc(32 / 16 *1em);background-size: auto calc(20 / 16 * 1em);background-repeat: no-repeat; background-position: left center; } .Form002802 .from li:nth-child(1) label{ background-image: url(../images/Form002802-icon.svg); } .Form002802 .from li:nth-child(2) label{ background-image: url(../images/Form002802-icon2.svg); } .Form002802 .from li:nth-child(3) label{ background-image: url(../images/Form002802-icon3.svg); } .Form002802 .from li:nth-child(4) label{ background-image: url(../images/Form002802-icon4.svg); } .Form002802 .from .text { width: 100%; padding: 0 15px; height:calc(50 / 16 *1em);line-height:calc(50 / 16 *1em);border: none; border-radius: 5px; background: #f4f8fd; font-size: 1em; } .Form002802 .from textarea.text { height: 100px; } .Form002802 .from .btn {cursor: pointer; width: 50%; margin: calc(35 / 18 * 1em) auto 0 auto;max-width: calc(180 / 16 * 1em); line-height: 3.286em; text-align: center; border: none; color: #fff; background: #297fcd; border-radius: 50px; display: inline-block; transition: 0.3s; font-size: 1em; } .Form002802 .from .btn:hover{background: #f18600;} .Form002802 .address dd p {padding-left:calc(40 / 18 *1em); line-height: 1.75; margin: 0; background-size:auto calc(24 / 18 * 1em);background-repeat: no-repeat; background-position: left calc(16/ 18 * 1em);font-size: calc(18 / 16 * 1em);color: #333; } .Form002802 .address dd p+p { margin-top: calc(15 / 18 * 1em); padding-top: calc(15 / 18 * 1em); border-top: 1px solid #eee; } .Form002802 .address dd p span { display: block; color: #999; margin-bottom: 5px; font-size: calc(16 / 18 * 1em);} .Form002802 .address dd p b {font-size: calc(30 / 18 * 1em); color: #f18600; line-height: 1; } .Form002802 .address dd p:first-child { background-position: left calc(0/ 18 * 1em);} .Form002802 .address dd p.tel { background-image: url(../images/Form002802-tel.svg); } .Form002802 .address dd p.phone { background-image: url(../images/Form002802-phone.svg); } .Form002802 .address dd p.mail { background-image: url(../images/Form002802-mail.svg); } .Form002802 .address dd p.add { background-image: url(../images/Form002802-add.svg); } .Form002802 .address dd p.ewm { background-image: url(../images/Form002802-ewm.svg); } .Form002802 .address dd img{ max-width: 150px; border: 1px solid #eee; border-radius: 4px;} .Form002802 .img { margin-top: 2.5vw; } @media(min-width:1025px) { .Form002802 .from { width: 56%; padding-left: 4vw; vertical-align: top; } .Form002802 .address { width: 44%; padding-right: 4vw; border-right: 1px solid #eee; vertical-align: top; } .Form002802 .from li { float: left; width: 48%; } .Form002802 .from li:nth-child(2n) { float: right; } .Form002802 .from li:nth-child(2n) ~ li { margin-top: 2%; } .Form002802 .from .li { width: 100%; } } @media(max-width:1024px) { .Form002802 .title { font-size: calc(24 / 16 * 1em);} .Form002802 .address { margin-bottom: 4%; } } /*Timeline002790 */ .Timeline002790 { padding:40px 0 0 0;} .Timeline002790 .year{ position:relative; padding:2% 0 4% 0;color:#6e6e6e;} .Timeline002790 .year::before{ content:''; width:1px; height:103%; top:-3%; position:absolute; background-color:#ededed; z-index:0;} .Timeline002790 ul{ position:relative; z-index:1;} .Timeline002790 li{position:relative; border-radius: 10px;margin-top: -60px; } .Timeline002790 li:after{ content: ""; display: block; position: absolute; top: 51%; right: 0; width: 50%; height: 2px; border-bottom: 1px dashed #ddd; z-index: -2 } .Timeline002790 li:nth-child(2n):after{ left: 0} .Timeline002790 li:before{width:12px; height:12px;border:1px solid #999; border-radius:50%;position:absolute; left:50%; margin-left: -7px; top: 50%; margin-top: -2px; content:''; background:#fff;} .Timeline002790 li:nth-child(2n)::before{ left:auto; right:50%; margin-right: -6px; } .Timeline002790 li .con{width: 45%; background: #f5f5f5; border-radius: 10px; padding:4%; float: right; position: relative; overflow: hidden;border: 1px solid #fff } .Timeline002790 li .con figure{width: 40%; position: absolute; right: 0; top: 0; height: 100%;} .Timeline002790 li .icon{ position: absolute; left: 0; bottom: 0; width:60px; height: 60px; padding:5px; background: #fff; overflow: hidden; border-radius: 0 6px 0 0} .Timeline002790 li .con .txt{/* width: 60%; */ } .Timeline002790 li:nth-child(2n) .con figure{left: 0} .Timeline002790 li:nth-child(2n) .con .txt{/* float: right;padding-left: 6% */} .Timeline002790 li:nth-child(2n) .icon{ left: auto; right: 0; border-radius: 6px 0 0 0} .Timeline002790 li:nth-child(2n) .con{float:left} .Timeline002790 li .txt{ position:relative;font-size:16px; line-height:1.875; /* padding-right: 50px */} .Timeline002790 li .txt p{ margin: 0;} .Timeline002790 li:nth-child(2n) .txt{ padding-right: 0} .Timeline002790 li .txt figure{transition:all ease 0.5s; position:absolute; top:0;width:120px; height:100px; } .Timeline002790 li:nth-child(2n) .txt figure{ left:0; } .Timeline002790 li:nth-child(2n-1) .txt figure{ right:0; } .Timeline002790 li .txt figure img{ position:absolute; max-width:100%; max-height:100%; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);} .Timeline002790 li .txt h3{margin: 0;font-size: 30px;color: #297fcd;padding-bottom: 7px; font-weight: normal; line-height: 1.2; } .Timeline002790 li.hover .con{ border: 1px solid #297fcd} .Timeline002790 li.hover:after{ border-color: #297fcd} .Timeline002790 li.hover:before{ border-color: #297fcd} @media(min-width:641px){ .Timeline002790 .year::before{left:50%;margin-left:-0.5px; } .Timeline002790 li{width:100%;} .Timeline002790 li:nth-child(2n){ float:left; } .Timeline002790 li:nth-child(2n-1){float:right; z-index:10; } } @media(max-width:1024px){ .Timeline002790{ padding-top: 0} .Timeline002790 li {margin-bottom: 20px; height: auto; overflow: hidden; margin-top: 0} .Timeline002790 li .con{width: 100%; float: left; padding: 20px } .Timeline002790 .year::before, .Timeline002790 li:after, .Timeline002790 li:before{ display: none} .Timeline002790 li .con .txt, .Timeline002790 li .con figure{ position: relative; float: left; width: 100%} .Timeline002790 li .con figure{height: 200px; margin-bottom: 20px;} } .Timeline002790 .more{ text-align:center; padding-bottom:20px;} .Timeline002790 .more a{width:180px;height: 36px; text-align:left;line-height:36px;display: inline-block;color: #fff;font-size: 14px; background:url(../images/Timeline002790-more.png) no-repeat 70% center #297fcd; position: relative; z-index: 100; border-radius: 60px; text-align: center; padding-right: 20px;} /*PicList002854 */ .PicList002854{padding: 0;max-width: 1600px;margin:0 auto;} .PicList002854 li{float: left;margin-bottom:4%;} .PicList002854 li a{display: block;border: solid 3px #f5f5f5;position: relative;padding: 2vw 1vw 4vw; transition: 0.3s;} .PicList002854 li aside{font-size: 1.12em; line-height: 28px; height: 56px; text-align: center; margin-bottom: 2vw;color: #333;} .PicList002854 li .Ispic{background-size: contain;padding-bottom: 56.565%;} .PicList002854 li a:after{position: absolute; content: '';width: 50px;height: 50px;background:url(../images/PicList002854_btn.png) no-repeat center center #f5f5f5;right: 0; bottom: 0;background-size: auto 21px;transition: 0.3s;} .PicList002854 li a:hover{border-color: #297fcd;} .PicList002854 li a:hover:after{background-color: #297fcd; background-image: url(../images/PicList002854_btn_hover.png);} @media(min-width:769px){ .PicList002854 li{width: 23.5%; } .PicList002854 li:not(:nth-child(4n)){margin-right: 2%;} } @media(max-width:768px){ .PicList002854 li{width: 48%; } .PicList002854 li:not(:nth-child(2n)){margin-right: 4%;} .PicList002854 li aside{font-size: 16px;} .PicList002854 li a:after{width: 7vw;height: 7vw;background-size: auto 50%;} } @media(max-width:480px){ .PicList002854 li aside{font-size: 14px;line-height: 20px; height: 40px;} } /*PicList002146 */ .PicList002146{ padding:0;max-width: 1600px;margin: 0 auto;} .PicList002146 li{ float:left; width:23.5%; margin:0 2% 2% 0;} .PicList002146 li:nth-child(4n){margin-right: 0;} .PicList002146 li a{ display:block; position:relative;} .PicList002146 li h3, .PicList002146 li h5{ margin:0; text-align:center; font-size:18px; font-weight:normal;} .PicList002146 li figure{ padding-bottom:77%;border-radius: 10px 10px 0 0;} .PicList002146 li h3{ border:1px solid #e8e8e8; border-top-width:3px;border-radius: 0 0 10px 10px; border-top-color:#f4f4f4; padding:2% 15% 2% 2%; line-height:40px; position:relative;} .PicList002146 li h3:before{ position:absolute; content:''; right:0; top:0; width:13%; height:100%; border-left:1px solid #e8e8e8; background:url(../images/PicList002146-more.gif) no-repeat center center;} .PicList002146 li .hover{ opacity:0; position:absolute; left:0; top:0; right:0; bottom:0; text-align:center;border-radius: 10px; background:#297fcd; z-index:10; transition:0.3s; color:#fff; } .PicList002146 li a:hover .hover{ opacity:1;} .PicList002146 li aside{ position:absolute; left:10%;width:80%; top:50%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%);transform:translateY(-50%);} .PicList002146 li .hover img{ border-radius:50%; width:100px; height:100px;display: none;} .PicList002146 li .hover h5{ margin-top:10px; line-height:22px; max-height:44px; overflow:hidden;} .PicList002146 li .hover i{ display:block; height:2px; background:#fff; width:30px; margin:10px auto;} .PicList002146 li .hover p{ font-size:14px; line-height:2; margin:0; max-height:120px; overflow:hidden;} @media(max-width:1366px){ .PicList002146 li h3, .PicList002146 li .hover h5{ font-size:16px;} } @media(max-width:1366px) and (min-width:1001px){ .PicList002146 li .hover img{ width:70px; height:70px;} .PicList002146 li .hover p{ height:120px;} } @media(max-width:1000px){ .PicList002146 li{ width:48%; margin-left:1%; margin-right:1%;} } @media(max-width:640px) and (min-width:376px){ .PicList002146 li .hover img{ width:50px; height:50px;} .PicList002146 li .hover p{ height:120px;} } @media(max-width:480px){ .PicList002146 li h3, .PicList002146 li .hover h5{ font-size:14px;} .PicList002146 li .hover h5{ line-height:20px; max-height:40px;} } @media(max-width:375px){ .PicList002146 li{ float:none; width:auto;} } /*Floor003021 */ .Floor003021{background: #f8f8f8; padding: 6.25vw 0;font-size: 18px;} @media(max-width:640px){ .Floor003021{font-size: 3vw;} } .Floor003021 .auto{width: 86%;} @media(max-width:1024px){ .Floor003021 .auto{background-size: 40% auto;} } .Floor003021 .title{} .Floor003021 .title aside{padding-left: 4.58vw;} .Floor003021 .title .cn{font-size: 2.445em;color: #333;position: relative;} .Floor003021 .title .cn:before{position: absolute; content: '';width: 2.08vw;height: 4px;background-color: #7db827; border-radius: 5px; left: 0; top: 50%; margin-top: -2px;} .Floor003021 .title .en{color: #999;opacity: 0.5;padding-bottom: 5px;} .Floor003021 .slogan{color: #333; margin: 2.2vw 0 4.16vw 0; font-weight: 100; transition: 0.3s;} .Floor003021 .slogan i{font-size: 12px; color: #ccc;opacity: 0.7; display: inline-block; vertical-align: middle; margin: 0 10px;} .Floor003021 .list{margin: 0 auto;} .Floor003021 .list li{float: left; border-bottom: 1px solid #d7d7d7;margin-bottom: 2%;} .Floor003021 .list li a{display: block;overflow: hidden;border-radius: 10px;} .Floor003021 .list li a > *{transition: 0.3s ease-out;} .Floor003021 .list li .Ispic{padding-bottom: 60%;border-radius: 10px;} .Floor003021 .list li .tit{padding: 10px 18px;line-height: 4em;font-size: 12px;} .Floor003021 .list li .tit span.cn{font-size: 1.667em;} .Floor003021 .list li .tit span.en{color: #999;text-transform: uppercase;font-family: Arial, "sans-serif";line-height: normal;} .Floor003021 .list li a:hover .Ispic{transform: translateY(-50px) scale(1.2);} .Floor003021 .list li a:hover .tit{transform: translateY(-20px);} .Floor003021 .list li a:hover .tit span.cn{color: #297fcd;} @media(min-width:481px){ .Floor003021 .list li .tit span{float: left;} .Floor003021 .list li .tit span.cn{padding-right: 5px;} .Floor003021 .list li .tit span.en{padding-top: 1.8em;} } @media(min-width:1025px){ .Floor003021 .list li{width: 23.5%; } .Floor003021 .list li:not(:nth-child(4n)){margin-right: 2%;} } @media(min-width:1025px) and (max-width:1440px){ .Floor003021 .list li .tit span.en{display: none;} .Floor003021 .list li .tit span.cn{float: none;max-width: none;} } @media(min-width:641px) and (max-width:1024px){ .Floor003021 .list li{width: 32%;} .Floor003021 .list li:not(:nth-child(3n)){margin-right: 2%;} } @media(max-width:640px){ .Floor003021 .list li{width: 49%;} .Floor003021 .list li:not(:nth-child(2n)){margin-right: 2%;} } @media(max-width:480px){ .Floor003021 .list li .tit{font-size: 3vw;line-height: 2em;} .Floor003021 .list li .tit span.en{padding-top: 5px;} } /*Floor002746 */ .Floor002746{} /*slick Basic*/ .Floor002746 .slick-slider { position:relative;display: block;-webkit-touch-callout: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent} .Floor002746 .slick-list { position: relative; z-index: 1;display: block; overflow: hidden;} .Floor002746 .slick-list:focus {outline: none} .Floor002746 .slick-list.dragging {cursor: pointer;cursor: hand;} .Floor002746 .slick-slider .slick-track, .Floor002746 .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)} .Floor002746 .slick-track {position: relative; top: 0; left: 0; display: block;} .Floor002746 .slick-track:before, .Floor002746 .slick-track:after{display: table; content: '';} .Floor002746 .slick-track:after{ clear: both;} .Floor002746 .slick-loading .slick-track { visibility: hidden;} .Floor002746 .slick-slide{ display: none; float: left;min-height: 1px;} [dir = 'rtl'] .slick-slide {float: right;} .Floor002746 .slick-slide .slick-loading img { display: none;} .Floor002746 .slick-slide .dragging img { pointer-events: none;} .Floor002746 .slick-initialized .slick-slide { display: block;} .Floor002746 .slick-loading .slick-slide { visibility: hidden;} .Floor002746 .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;} .Floor002746 .slick-arrow .slick-hidden { display: none;} /*slick Basic End*/ .Floor002746{position: relative; z-index: 1;text-align: center;color: #fff; font-size: 16px; padding: 6.25vw 0;} .Floor002746 .auto{padding: 0!important; width: 96%;} .Floor002746 a{color: #fff;} .Floor002746 > .Ispic{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1;} .Floor002746 > .auto{position: relative; z-index: 3;} .Floor002746 .title{padding-top: 80px;line-height: 40px;} .Floor002746 .title:after{display: block; content: ''; margin: 25px auto 30px;width: 40px; height: 4px; background: #eb422c;} .Floor002746 .title .cn{font-size: 36px; margin-top: -20px;} .Floor002746 .title .en{opacity: 0.05;-webkit-opacity: 0.05;-ms-opacity: 0.05;font-size: 56px; font-family: Arial," sans-serif"; font-weight: bold; text-transform: uppercase; } @media(max-width:480px){ .Floor002746 .title .cn{font-size: 24px; } .Floor002746 .title .en{font-size: 40px;} } @media(min-width:641px){ .Floor002746 .info{max-width: 950px; margin-top: 4vw;margin-bottom: 1vw; font-size: 18px;} } .Floor002746 .info{line-height: 1.875;} .Floor002746 .slider{margin: 26px 0 70px 0; box-shadow: 0 0 7px rgba(0,202,255,0.12);} .Floor002746 .slider li.slick-slide a, .Floor002746 .slider li.slick-slide{position: relative;} .Floor002746 .slider li.slick-slide a{z-index: 10;display: block; padding: 35px 20px 25px 20px;} .Floor002746 .slider li .icon{padding-bottom: 10px;} .Floor002746 .slider li .icon img{height: 50px;} .Floor002746 .slider li.slick-slide:before{position: absolute; left: 0; top: 0;height: 100%; right:0; background: rgba(255,255,255,0.07); content: ''; border-right: 1px solid rgba(255,255,255,0.07);} .Floor002746 .slider li.slick-active:last-child:before{border-right-color: transparent;} .Floor002746 .slider li.slick-slide a:before, .Floor002746 .slider li.slick-slide a:after{position: absolute; width: 0; height: 0; opacity: 0; content: ''; border: 2px solid #fff; transition: 0.5s ease-in-out;} .Floor002746 .slider li.slick-slide a:before{left: -1px; top: 0; border-right-color: transparent; border-bottom-color: transparent;} .Floor002746 .slider li.slick-slide a:after{right: 1px; bottom: 0; border-left-color: transparent; border-top-color: transparent;} .Floor002746 .slider li.slick-slide a:hover:before, .Floor002746 .slider li.slick-slide a:hover:after{width: 100%; height: 100%; opacity: 1;} .Floor002746 .more a:after{display: inline-block; content: ''; width: 10px; height: 10px; border-right: 2px solid #fff; border-top: 2px solid #fff; vertical-align: middle; margin-left: 20px; transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg); transition:transform 0.3s;} .Floor002746 .more a:hover:after{transform: rotate(135deg); -webkit-transform: rotate(45deg);-ms-transform: rotate(135deg); margin-top: -4px;} .Floor002746 .more a:hover{color: #297fcd;} .Floor002746 .slick-dots{position: absolute; left: 0; width: 100%; top: 100%; margin-top: 10px;text-align: center; } .Floor002746 .slick-dots li{display: inline-block; width: 14px; height: 6px; background: rgba(0,0,0,0.2); margin: 0 2px;} .Floor002746 .slick-dots li button{display: none;} .Floor002746 .slick-dots li.slick-active{background: #eb422c;} .Content_news{ } .Content_news .auto{ max-width: 1400px; padding: calc( 50 / 16 * 1em); background-color: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);} @media(max-width:1024px){ .Content_news .auto{padding: calc( 15 / 16 * 1em);} } @media(max-width:640px){ } @media(max-width:640px){ .Hometitle .cn, .column-title .cn, .RighInfo003134 .img-side .tit{ font-size: calc( 32 / 16 * 1em); line-height: 1.2;} .Hometitle .en{ font-size: calc( 40 / 16 * 1em);} .Floor002746, .Floor002841, .Floor002841 .info-num li aside sub, .Floor002841 .info-num li p, .Timeline002790 li .con .txt, .PicList002124 li p, .zp-search .btn-area a.open-sbox, .zp-search .text, .TextList002514 .job-main, .TextList002514 .send a, .Form002802 .address dd p{ font-size: calc( 16 / 16 * 1em);} .Floor003021 .list li .tit span.cn{ font-size: calc( 23.34 / 16 * 1em);} .Timeline002790 li .txt h3{ font-size: calc( 30 / 16 * 1em);} .PicList002854 li aside, .PicList002146 li h3, .PicList002146 li .hover h5, .TextList002514 .job-title{ font-size: calc( 20 / 16 * 1em);} .TextList002514 .job-main{ padding: 5%;} .TextList002514 .job-title{ padding: .5em 1em; padding-right: 50px;} .TextList002514 .job-title i{ right: 1em;} .TextList002514 .job-title time{ font-size: calc( 14 / 16 * 1em);} }