@charset "utf-8"; *{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: 0; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0);} html{height: 100%;} html,body,div,p,strong,span,a,b,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,del,img,i,em,select,button,textarea,input{margin: 0; padding: 0;} /*body{-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}*/ body{background: #fff; font-family: 'Microsoft YaHei',"Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", sans-serif; font-size: 16px; line-height: 1.2; color: #333; position: relative; min-height: 100%;} a,img,button,input,textarea,select{-webkit-tap-highlight-color:rgba(255,255,255,0);} input[type="text"],input[type="hidden"],input[type="password"],button,textarea,select{outline: none; border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; font-family: 'Microsoft YaHei',"Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", sans-serif;} select::-ms-expand{display: none;} input::-ms-clear{display: none;} table{border-collapse:collapse;} a{text-decoration: none; color: #333;} a:hover{text-decoration: none;} a:focus{text-decoration: none;} li{list-style: none;} img{vertical-align: middle; border: none;} .fl{float: left;} .fr{float: right;} .clear{clear: both;} .hidden{overflow: hidden;} .h1,.h2,.h3,.h4,.h5,.h6{font-weight: normal;} .clearfix:after{content: ""; display: block; height: 0; visibility: hidden; clear: both;} .clearfix {*zoom: 1;} .cell-box{font-size: 0;} .cell-box:before{content: ''; height: 100%; display: inline-block; vertical-align: middle;} .cell-box .cell{width: 100%; display: inline-block; vertical-align: middle;} .wp30{ width:33.333%; padding-bottom:30px;} .wp10{ width:10%} /*scroll*/ ::-webkit-scrollbar {width:10px;height:6px} ::-webkit-scrollbar-button:vertical {display:none} ::-webkit-scrollbar-corner,::-webkit-scrollbar-track {background-color:#f2f2f2;} ::-webkit-scrollbar-thumb {border-radius:10px;background-color: #1c50a1;} ::-webkit-scrollbar-thumb:vertical:hover {background-color: #275cab;} ::-webkit-scrollbar-thumb:vertical:active {background-color: #275cab;} .bd_weixin_popup,.bsBox{-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;} .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } .pw{ width:1428px; margin:0 auto;} .pw2{width:1200px;margin:0 auto;} /**/ body{padding-top:100px} .wrapper{width:88vw;max-width:1440px;margin:0 auto;position:relative;z-index:1} .wrapper:after{content:'';display:block;clear:both} .clear{clear:both;display:block;visibility:hidden;overflow:hidden;width:0;height:0;} .col_c,.col_l{float:left;} .col_r,.ul_txt li span,dt span{float:right;} .c{clear:both;} .n,em{font-weight:400;font-style:normal;} .b{font-weight:600;} .i{font-style:italic;} .tc{text-align:center;} .tr{text-align:right;} .tl{text-align:left;} .tdu{text-decoration:underline;} .tdn,.tdn:hover,a.tdl:hover{text-decoration:none;} .fc0{color:#000;} .fc3{color:#646464;} .fc6{color:#666;} .fc9{color:#999;} .fcr{color:red;} .fcw{color:#fff;} .fcb{color:#00f;} .fcg{color:green;} .f0{font-size:0;} .f10{font-size:10px;} .f12{font-size:12px;} .f13{font-size:13px;} .f14{font-size:14px;} .f16{font-size:16px;} .f20{font-size:20px;} .f24{font-size:24px;} .m0{margin:0;} .ml0{margin-left:0;} .ml5{margin-left:5px;} .ml10{margin-left:10px;} .ml20{margin-left:20px;} .mr0{margin-right:0;} .mr5{margin-right:5px;} .mr10{margin-right:10px;} .mr20{margin-right:20px;} .mt5{margin-top:5px;} .mt5v{ margin-top:3vw} .mt10{margin-top:10px;} .mt20{margin-top:20px;} .mb5{margin-bottom:5px;} .mb10{margin-bottom:10px;} .mb20{margin-bottom:20px;} .ml_1{margin-left:-1px;} .mt_1{margin-top:-1px;} .p1{padding:1px;} .pl5{padding-left:5px;} .p5{padding:5px;} .pt5{padding-top:5px;} .pr5{padding-right:5px;} .pb5{padding-bottom:5px;} .p10{padding:10px;} .pl10{padding-left:10px;} .pt10{padding-top:10px;} .pr10{padding-right:10px;} .pb10{padding-bottom:10px;} .p20{padding:20px;} .pl20{padding-left:20px;} .pt20{padding-top:20px;} .pr20{padding-right:20px;} .pb20{padding-bottom:20px;} .pr,.rel{position:relative;} .abs,.pa{position:absolute;} .dn{display:none;} .db{display:block;} .dib{display:inline-block;-moz-inline-stack:inline-block;} .lh14{line-height:14px;} .lh16{line-height:16px;} .lh18{line-height:18px;} .lh20{line-height:20px;} .lh22{line-height:22px;} .lh24{line-height:24px;} .fix:after,.fix:before{clear:both;display:block;visibility:hidden;overflow:hidden;height:0;content:"clear";} .h1{height:1px;} .h5{height:5px;} .h,.h10{height:10px;} .h15{height:15px;} .h20{height:20px;} .h,.h1,.h10,.h15,.h20,.h25,.h30,.h35,.h40,.h45,.h5,.h50,.h55,.h60{clear:both;visibility:hidden;overflow:hidden;font-size:0;line-height:0;} a{text-decoration:none;opacity:1;-webkit-transition:color .5s,all .5s;-moz-transition:color .5s,all .5s;-o-transition:color .5s,all .5s;transition:color .5s,all .5s;-ms-transition:color .5s,all .5s;} .h25{height:25px;} .h30{height:30px;} .h40{height:40px;} .h45{height:45px;} .h50{height:50px;} .h55{height:55px;} .h60{height:60px;} .fl{float:left} .fr{float:right} .clear{clear:both;height:0;font-size:1px;line-height:0} .pc_show{ display:block;} .phone_show{ display: none;} @media screen and (max-width:1199px) { .pc_show{ display:none;} .phone_show{ display: block;} } /* header */ .header{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:0 3.125vw;font-size:0;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.1);z-index:9} .header .logo img{display:block;height:50px;transition:all .3s ease} .header .nav li{display:inline-block;vertical-align:top;position:relative} .header .nav li a.single{display:block;padding:0 20px;margin:0 15px;position:relative;font-size:18px;line-height:100px;color:#333333;transition:all .3s ease} .header .nav li a.single:after{content:'';width:100%;height:4px;background-color:#1c50a1;position:absolute;bottom:0;left:0;transform:scaleX(0);transform-origin:left top;transition:transform .3s ease} .header .nav li .drop{background-color:rgba(255,255,255,.9);border-bottom:4px solid #1eaa39;position:absolute;top:100%;left:50%;transform:translateX(-50%);width:240px;box-shadow:0 0 10px rgba(0,0,0,.1);text-align:center;opacity:0;visibility:hidden} .header .nav li .drop a{position:relative;display:block;font-size:18px;padding:20px 30px;color:#595757;transition:all .3s ease} .header .nav li .drop a:after{content:'';position:absolute;bottom:0;left:30px;right:30px;height:1px;background-color:#e6e6e6;transition:all .3s ease} @media screen and (min-width:1025px){.header .nav li .drop a:hover{background-color:#275cab;color:#fff} .header .nav li .drop a:hover:after{opacity:0} } @media screen and (min-width:1025px){.header .nav li:hover a.single{color:#275cab} .header .nav li:hover .drop{opacity:1;visibility:visible;transition:all .3s ease} .header .nav li.active a.single{color:#275cab} .header .nav li.active a.single:after{transform:scaleX(1)} .header .nav li:hover a.single:after{transform:scaleX(1)} } .header .lang{display:inline-block;vertical-align:middle;margin:0 1vw;position:relative} .header .lang span{display:block;font-size:14px;color:#000;cursor:pointer;transition:all .3s ease} .header .lang span:before{content:'';width:16px;height:16px;display:inline-block;vertical-align:middle;margin:-2px 10px 0 0;background-position:center;background-repeat:no-repeat;background-size:contain;background-image:url("../bg/icon-1.png");transition:all .3s ease} .header .lang span:after{content:'';width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #000;display:inline-block;vertical-align:middle;margin:-3px 0 0 5px;transition:all .3s ease} .header .lang .hide{position:absolute;width:90px;top:100%;left:50%;margin-left:-45px;padding-top:20px;opacity:0;visibility:hidden} .header .lang .hide:before{content:'';width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #333;position:absolute;top:10px;left:0;right:0;margin:0 auto} .header .lang .hide a{display:block;font-size:12px;line-height:30px;color:#fff;margin-bottom:1px;text-align:center;background-color:#333;box-shadow:0 0 10px rgba(0,0,0,.1);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease} @media screen and (min-width:1025px){.header .lang .hide a:hover{background-color:#275cab} } .header .lang:hover .hide{opacity:1;visibility:visible} .header .search{display:inline-block;vertical-align:middle;width:18px;height:18px;background-position:center;background-repeat:no-repeat;background-size:contain;background-image:url("../bg/icon-2-s.png");margin-left:2vw;cursor:pointer} .header.down .logo img{height:60px} .header.down .nav li a.single{line-height:70px} .head-nav{position:fixed;top:100px;left:0;right:0;bottom:0;font-size:0;background-color:rgba(0,0,0,.2);z-index:9;display:none} .head-nav.down{top:70px} .head-nav .main{height:calc(100vh - 100px);max-height:300px;background-color:rgba(255,255,255,.9);border-bottom:4px solid #1eaa39;box-shadow:0 10px 30px rgba(0,0,0,.1)} .head-nav .wrap{height:100%} .head-nav .block{height:100%;display:flex} .head-nav .left-box{width:240px;background-color:#275cab} .head-nav .left-box a{position:relative;display:block;font-size:18px;color:#fff;padding:20px 30px;border-bottom:1px solid rgba(255,255,255,.2);transition:all .3s ease} .head-nav .left-box a:after{content:'';width:11px;height:16px;background-position:center;background-repeat:no-repeat;background-size:contain;background-image:url("../icon-5.png");position:absolute;right:30px;top:50%;margin-top:-8px} .head-nav .left-box a.active{background-color:#fff;color:#275cab} .head-nav .left-box a.active:after{opacity:1} .head-nav .right-box{width:calc(100% - 240px)} .head-nav .right-box .child{width:100%;height:100%;background-color:#fff;background-position:right center;background-repeat:no-repeat;background-size:auto 100%;display:none;overflow:auto} .head-nav .right-box .child.active{display:block} .head-nav .right-box .b-box{min-height:100%;padding:3.125vw 5vw;display:flex;flex-wrap:wrap} .head-nav .right-box .list{width:33.33%;display:inline-block;vertical-align:top;padding-right:2vw} .head-nav .right-box .list1{width:100%} .head-nav .right-box .list1 ul li{width:33.33%;float:left;display:inline-block;margin-top:0} .head-nav .right-box .list1 ul li a{margin:20px} .head-nav .right-box h3{font-size:20px;color:#666} .head-nav .right-box ul{margin-top:2vw} .head-nav .right-box li{margin-top:2vw} .head-nav .right-box li:nth-of-type(1){margin-top:0} .head-nav .right-box li a{display:inline-block;vertical-align:middle;font-size:16px;color:#000;padding-right:40px;position:relative} .head-nav .right-box li a:hover{color:#275cab} .head-nav .right-box li.hot a:after,.head-nav .right-box li.new a:after{content:'';width:30px;height:21px;background-position:center;background-repeat:no-repeat;background-size:contain;position:absolute;top:0;right:0} .head-nav .right-box-1{width:100%} .head-nav .right-box-1 .child{width:100%;height:100%;background-position:right center;background-repeat:no-repeat;background-size:auto 100%;display:none;overflow:auto} .head-nav .right-box-1 .child.active{display:block} .head-nav .right-box-1 .b-box{min-height:100%;padding:.125vw 10vw;display:flex;flex-wrap:wrap} .head-nav .right-box-1 .list{width:33.33%;display:inline-block;vertical-align:top;padding-right:2vw} .head-nav .right-box-1 .list1{width:100%} .head-nav .right-box-1 .list1 ul li{width:33.33%;float:left;display:inline-block;margin-top:0} .head-nav .right-box-1 .list1 ul li a{margin:20px} .head-nav .right-box-1 h3{font-size:17px;border-bottom:1px solid #d4d4d4;padding:15px 0 10px 0;font-weight:500;overflow:hidden;margin:0; color:#275cab;} .head-nav .right-box-1 ul{margin-top:1.5vw} .head-nav .right-box-1 li{margin-top:1.2vw} .head-nav .right-box-1 li:nth-of-type(1){margin-top:0} .head-nav .right-box-1 li a{display:inline-block;vertical-align:middle;font-size:15px;color:#333333;padding-right:40px;position:relative} .head-nav .right-box-1 li a:hover{color:#275cab} .head-nav .right-box-1 li.hot a:after,.head-nav .right-box-1 li.new a:after{content:'';width:30px;height:21px;background-position:center;background-repeat:no-repeat;background-size:contain;position:absolute;top:0;right:0} .head-nav .right-box-2{width:100%} .head-nav .right-box-2 .child{width:100%;height:100%;background-position:right center;background-repeat:no-repeat;background-size:auto 100%;display:none;overflow:auto} .head-nav .right-box-2 .child.active{display:block} .head-nav .right-box-2 .b-box{min-height:100%;padding:.125vw 10vw;display:flex;flex-wrap:wrap} .head-nav .right-box-2 .list{width:33.33%;display:inline-block;vertical-align:top;padding-right:2vw} .head-nav .right-box-2 .list1{width:100%} .head-nav .right-box-2 .list1 ul li{width:33.33%;float:left;display:inline-block;margin-top:0} .head-nav .right-box-2 .list1 ul li a{margin:20px} .head-nav .right-box-2 h3{font-size:17px;border-bottom:1px solid #d4d4d4;padding:15px 0 10px 0;font-weight:500;overflow:hidden;margin:0; color:#275cab;} .head-nav .right-box-2 ul{margin-top:.2vw} .head-nav .right-box-2 li{margin-top:1vw; width:50%; float:left} .head-nav .right-box-2 li:nth-of-type(1){margin-top:1vw; } .head-nav .right-box-2 li a{display:inline-block;vertical-align:middle;font-size:15px;color:#333333;padding-right:40px;position:relative} .head-nav .right-box-2 li a:hover{color:#275cab} .head-nav .right-box-2 li.hot a:after,.head-nav .right-box-2 li.new a:after{content:'';width:30px;height:21px;background-position:center;background-repeat:no-repeat;background-size:contain;position:absolute;top:0;right:0} .m-navbox{width:100%;height:100vh;position:fixed;top:0;left:0;background-color:#fff;padding:80px 0;z-index:7;overflow:auto;opacity:0;visibility:hidden;transition:all .3s ease;display:none} .m-navbox ul li{position:relative;margin:0 20px;border-bottom:1px solid #e5e5e5} .m-navbox ul li:last-of-type{border:none} .m-navbox ul li .line{display:flex;justify-content:space-between;align-items:center} .m-navbox ul li a{display:inline-block;font-size:16px;line-height:1.5;padding:15px 0;color:#333} .m-navbox ul li i{width:11px;height:16px;background-position:center;background-repeat:no-repeat;background-image:url("../icon-5.png");transition:transform .3s ease} .m-navbox ul li.active>.line a{color:#275cab} .m-navbox ul li.active>.line i{transform:rotate(90deg)} .m-navbox .menu-2,.m-navbox .menu-3,.m-navbox .menu-4,.m-navbox .menu-5{display:none} .m-navbox.active{opacity:1;visibility:visible} /* search */ .head-search{position:fixed;top:0;left:0;right:0;bottom:0;z-index:15;display:none} .head-search .bg{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);z-index:1} .head-search form{position:absolute;left:3.125vw;right:3.125vw;background:#fff;padding:0 70px;top:120px;z-index:2} .head-search form input{display:block;width:100%;height:70px;padding:0 10px;font-size:14px;color:#333} .head-search form button{position:absolute;left:0;top:0;width:70px;height:70px;background-position:center;background-repeat:no-repeat;background-image:url("../bg/icon-2-s.png");cursor:pointer;background-color:transparent} .head-search form .close{position:absolute;width:70px;height:70px;right:0;top:0;background-position:center;background-repeat:no-repeat;cursor:pointer} .head-search form .close svg{width:16px;height:16px;position:absolute;top:50%;left:50%;margin:-8px 0 0 -8px} /* 1600 */ @media screen and (max-width: 1600px) { body{padding-top:80px} .header .logo img{height:60px} .header .nav li a.single{font-size:16px;line-height:80px} .header .nav li .drop a{font-size:16px} .head-nav{top:80px} .head-nav .left-box a{font-size:16px} .head-nav .right-box li a{font-size:15px} } @media screen and (max-width: 1366px) { .header .nav li a.single{padding:0 15px} .fixed-form input{height:50px} .fixed-form button{height:50px;font-size:20px} .fixed-form .close{top:15px;right:15px} } @media screen and (max-width: 1024px) { body{padding-top:60px} .wrapper{width:90%} .header{height:60px;padding:0 20px} .header .nav{display:none} .header .lang{margin:0} .header .search{margin:0 40px 0 15px} .mNavBtn{display:block;width:24px;height:16px;right:20px;top:22px;position:fixed;cursor:pointer;z-index:4} .mNavBtn.active .line2{display:none} .mNavBtn.active .line1{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);top:7px} .mNavBtn.active .line3{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);bottom:7px} .mNavBtn span{position:absolute;left:0;width:24px;height:2px;background:#275cab;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease} .mNavBtn span.line1{top:0} .mNavBtn span.line2{top:7px} .mNavBtn span.line3{bottom:0} .m-navbox{display:block} .fixed-right-box{display:none} } .home-title p { font-weight:500} .lighter{font-weight:lighter} .home-title h3{font-size:36px} .home-title p{font-size:20px;line-height:1.8;margin-top:20px} .home-title a{font-size:16px;color:#275cab;display:inline-block;margin-top:20px} .home-title a:after{content:'';width:6px;height:10px;background-position:center;background-repeat:no-repeat;background-size:contain;background-image:url("../bg/icon-2.png");display:inline-block;vertical-align:middle;margin:-2px 0 0 10px} .home-title.center{text-align:center} .home-title.gray h3{color:#000} .home-title.gray p{color:grey} .home-title.white h3{color:#fff} .home-title.white p{color:#fff} .home-title.black h3{color:#000} .home-title.black p{color:#000; padding:0 50px;} /*棣栭〉banner*/ .home-banner-1{position:relative} .home-banner-1 .item{position:relative;overflow:hidden} .home-banner-1 .item a{display:block;width:100%;height:100%} .home-banner-1 .item .img-box{height:100%;overflow:hidden} .home-banner-1 .item img{display:block;width:100%;height:100%;object-fit:cover} .home-banner-1 .item img.svg{width:55%;margin:0 auto} .home-banner-1 .item video{height:100%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1} .home-banner-1 .item .video-bg{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.3);z-index:2} .home-banner-1 .item .txt-box{position:absolute;left:0;right:0;top:0;bottom:0;text-align:center;z-index:3} .home-banner-1 .item .txt-box h3{font-size:80px;color:#fff;opacity:0;transform:translateX(-100px);transition:opacity 1.2s,transform 1.2s} .home-banner-1 .item .txt-box h4{font-size:60px;color:#fff;text-shadow:#000 1px 1px 9px;opacity:0;letter-spacing:10px;transform:translateX(-100px);transition:opacity 1.2s,transform 1.2s} .home-banner-1 .item .txt-box p{font-size:32px;color:#fff;margin-top:20px;opacity:0;transform:translateX(100px);transition:all 1.2s} @media screen and (min-width:1025px){.home-banner-1 .item .txt-box p{letter-spacing:10px} } .home-banner-1 .item .txt-box .para{font-size:24px;line-height:1.5;color:#fff;margin-top:20px;opacity:0;transform:translateX(100px);transition:all 1.2s} @media screen and (min-width:1025px){.home-banner-1 .item .txt-box .para{letter-spacing:10px} } .home-banner-1 .item.swiper-slide-active .txt-box .para,.home-banner-1 .item.swiper-slide-active .txt-box h3,.home-banner-1 .item.swiper-slide-active .txt-box h4,.home-banner-1 .item.swiper-slide-active .txt-box p{opacity:1;text-shadow:#000 1px 1px 9px;font-weight:800;transform:translateX(0);transition-delay:.5s} .home-banner-1 .button{width:14px;height:18px;position:absolute;top:50%;margin-top:-9px;background-position:center;background-repeat:no-repeat;background-size:contain;background-image:url("../bg/banner-next.png");opacity:.3;transition:all .3s ease;z-index:2;cursor:pointer} .home-banner-1 .button:hover{opacity:1} .home-banner-1 .button-prev{left:3.125vw;background-position:center;background-repeat:no-repeat;background-size:contain;background-image:url("../bg/banner-prev.png");} .home-banner-1 .button-next{right:3.125vw} .home-banner-1 .pagination{position:absolute;left:0;right:0;text-align:center;font-size:0;bottom:.825vw;z-index:2} .home-banner-1 .pagination span{display:inline-block;vertical-align:top;width:16px;height:16px;margin:0 8px;border:1px solid #fff;background-color:transparent;transform:scale(.92);transition:all .3s ease;cursor:pointer;border-radius:8px} .home-banner-1 .pagination span.active{background-color:#fff;transform:scale(1)} /*棣栭〉鍏充簬鎴戜滑鏁板瓧璺冲姩鍜屼簯*/ @keyframes o-cloud{0%{transform:translateX(0)} 100%{transform:translateX(-100%)} } .home-about-number .item { text-align:center} .home-about-number{position:relative;padding:6.25vw 0 9vw;background-color:#d9eeff;background-position:center bottom;background-repeat:no-repeat;background-image:url(../bg/home-about-bg.jpg)} .home-about-number .cloud{position:absolute;bottom:0;left:0;right:0;z-index:1;overflow:hidden;white-space:nowrap;font-size:0} .home-about-number .cloud span{display:inline-block;vertical-align:top;height:25vw;width:190vw;background-position:left bottom;background-repeat:repeat-x;background-image:url(../bg/cloud.png);background-size:100% 100%;animation:o-cloud 150s linear infinite} .home-about-number .data{margin-top:3.125vw;padding:0 3.125vw;display:flex;justify-content:space-between} .home-about-number .data span{display:inline-block;vertical-align:bottom;font-size:80px;line-height:1;} .home-about-number .data em{font-style:normal;font-size:40px;line-height:1;display:inline-block;vertical-align:bottom} .home-about-number .data i{font-style:normal;font-size:20px;display:inline-block;vertical-align:top;margin-left:5px;transform:translateY(5px)} .home-about-number .data p{margin-top:20px;font-size:20px;} .home-about-number a.more{display:block;width:150px;font-size:16px;line-height:3;color:#fff;text-align:center;border-radius:24px;margin:4vw auto 0;background-color:#275cab;transition:all .3s ease} @media screen and (min-width:1025px){.home-about-number a.more:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(63,52,128,.3)} } @media only screen and (max-width:760px){.home-about-number{position:relative;padding:6.25vw 0 9vw;background-color:#d9eeff;background-position:center bottom;background-repeat:no-repeat;background-image:url(../bg/home-about-bg.jpg);background-size:300% auto width: auto;height:620px;position:relative;top:0} .home-about-number .cloud span{display:inline-block;vertical-align:top;height:75vw;width:600vw;background-position:left bottom;background-repeat:repeat-x;background-image:url(../bg/cloud.png);background-size:100% 100%;animation:o-cloud 60s linear infinite} } /*棣栭〉鍏充簬鎴戜滑鏁板瓧璺冲姩鍜屼簯*/ @media screen and (max-width:1600px){.home-about-number .data em,.home-about-number .item span,.news-list-s1 .box h3{font-size:36px;color:#275cab;font-weight:300} .home-about-number .data em,.home-about-number .data span,.home-banner-1 .item .txt-box h3,.home-banner-1 .item .txt-box h4,.home-banner-1 .item .txt-box p,.home-title h3{font-size:36px} ,.home-about-number .data i,.home-about-number .data p,.home-banner-1 .item .txt-box .para,.home-title p{font-size:18px} .home-about-number .home-title {padding: 0 3.125vw;} } @media screen and (max-width:1366px){,.home-about-number .data em,.home-about-number .data span,.home-banner-1 .item .txt-box .para,.home-banner-1 .item .txt-box h3,.home-banner-1 .item .txt-box h4,.home-title h3{font-size:18px} .home-about-number .data i,.home-about-number .data p{font-size:16px} .home-about-number a.more,.home-title a{font-size:14px} .home-about-number .home-title {padding: 0 3.125vw;} } @media screen and (max-width:1024px){.home-banner-1 .item{height:50vw} } @media screen and (max-width:768px){.home-about-number .data span{font-size:36px} .inside-page-1 img{height:50vw;object-fit:cover} .home-logo img{height:50vw;object-fit:cover} .home-about-number .data em,.home-banner-1 .item .txt-box h3,.home-banner-1 .item .txt-box h4{font-size:24px} .home-title h3{font-size:20px} .home-banner-1 .item .txt-box p{font-size:16px} .home-about-number .data i,.home-about-number .data p,.home-title p{font-size:14px} .home-banner-1 .item .txt-box .para{font-size:14px} .home-banner-1 .item img{width:100%} .home-banner-1 .item .txt-box h4{letter-spacing:5px} .home-banner-1 .button{display:none} .home-banner-1 .item .txt-box .para,.home-banner-1 .item .txt-box p{margin-top:10px} .home-banner-1 .pagination{bottom:20px} .home-banner-1 .pagination span{width:10px;height:10px;margin:0 2px} .home-banner-1 .item{height:70vw} .home-title.black p {padding:0 5px;} .home-title p{margin-top:15px;line-height:24px; } .home-about-number{padding:40px 0} .home-about-number .data{margin-top:20px;padding:0;font-size:0;flex-wrap:wrap} .home-about-number .data .item{width:50%;margin-top:20px} .home-about-number .data .item:nth-of-type(1),.home-about-number .data .item:nth-of-type(2){margin-top:0} .home-about-number .data p{margin:10px 0 0 5px} .home-about-number a.more{width:120px;line-height:36px;margin:20px auto 0} .home-title a{margin-top:15px} } /*home-ahao*/ .box-2{margin-left:-20px} [class*="col-"]{undefinedpadding: 5px;} .product-service-sub{position:relative;display:block;overflow:hidden;margin-bottom:10px} .product-service-sub img{width:100%} .product-service-sub:hover .first-bg{background:rgba(0,78,162,.9)} .product-service-sub .active .first-bg{background:rgba(0,78,162,.9)} .product-service-sub:hover .product-service-text .product-service-icon{left:0;margin-top:-3rem;transform:translate(0,-50%)} .product-service-sub .active .product-service-text .product-service-icon{left:0;margin-top:-3rem;transform:translate(0,-50%)} .product-service-sub:hover .product-service-text h2{left:0;margin-top:-3rem;margin-left:5rem;transform:translate(0,-50%)} .product-service-sub .active .product-service-text h2{left:0;margin-top:-3rem;margin-left:5rem;transform:translate(0,-50%)} .product-service-sub:hover .product-service-text .first-p{opacity:1} .product-service-sub .active .product-service-text .first-p{opacity:1} .product-service-sub .first-bg{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background:rgba(0,78,162,.38);transition:all .3s cubic-bezier(.4,0,.2,1) 0s} .product-service-sub .product-service-text,.product-service-sub .product-service-text .product-service-icon,.product-service-sub .product-service-text h2{position:absolute;top:50%;left:50%;transition:all .3s cubic-bezier(.4,0,.2,1) 0s;transform:translate(-50%,-50%)} .product-service-sub .product-service-text{z-index:2;width:80%;color:#fff} .product-service-sub .product-service-text .product-service-icon{margin-top:-2rem} .product-service-sub .product-service-text .product-service-icon i{font-size:6rem;line-height:1} .product-service-sub .product-service-text .product-service-icon img{display:inline-block;width:auto;max-height:5rem} .product-service-sub .product-service-text h2{margin-top:2rem;text-align:center;font-weight:400;font-size:1.3rem; width:120px} .product-service-sub .product-service-text .first-p{position:absolute;margin-top:0;width:100%;height:1.1rem;opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1) 0s} .product-service-sub .product-service-text p{overflow:hidden;max-height:6rem;font-size:1.1rem;line-height:1.6} .product-service-icon span{color:#fff;font-size:4rem} .product-service-icon span:hover{color:#0da334} .product-service-sub .product-service-text span i{margin-left:10rem;font-size:2rem} /*list-baner*/ .inside-page-1{position:relative} .inside-page-1 .img-box{overflow:hidden} .inside-page-1 img{display:block;width:100%} .inside-page-1 .txt-box{position:absolute;bottom:0;left:0;right:0;padding:15vw 0;background-image:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.0)); } .inside-page-1 h3{font-size:30px;letter-spacing:5px;/*text-align:center*/} .inside-page-1 h3:before{content:'';width:4px;height:30px;background-color:#275cab;display:inline-block;vertical-align:middle;margin:-2px 5px 0 0} .inside-page-1 p{font-size:20px;line-height:1.4;color:#fff;margin:20px 0 0 30px;letter-spacing:10px;/*max-width:640px;*//*text-align:center*/} @media screen and (max-width:1199px) { .inside-page-1 p{font-size:20px;line-height:1.4;color:#fff;margin-top:20px;/*max-width:640px;*//*text-align:center*/} .inside-page-1 .txt-box{position:absolute;bottom:0;left:0;right:0;padding:12vw 0;background-image:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.0)); } } /*list-baner*/ /*home-logo*/ .home-logo{position:relative} .home-logo .img-box{overflow:hidden} .home-logo img{display:block;width:100%} .home-logo .txt-box{position:absolute;bottom:0;left:0;right:0;padding:10vw 0;} .home-logo h2{color:#fff; font-size:40px; font-weight:600; line-height:140%; font-family:Arial,Helvetica,sans-serif,'Open Sans' !important;} .home-logo h3{color:#fff;font-size:25px; font-weight:400;line-height:140%;font-family:Arial,Helvetica,sans-serif,'Open Sans' !important;} .home-logo p{font-size:14px;line-height:1.4;color:#fff;margin-top:20px;max-width:340px;text-align:justify} @media screen and (max-width:1199px) { .home-logo p{font-size:14px;line-height:1.4;color:#fff;margin-top:20px;max-width:640px;text-align:justify} } /*home-logo*/