/*清除默认样式 */ body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0} body,h1,div,li,a,button,input,select,textarea{} article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,audio,video{display:block;margin:0;padding:0} h1,h2,h3,h4,h5,h6{font-weight:normal} ul,ol{list-style:none} a{text-decoration:none;color:inherit} a:hover{text-decoration:none} p,span{color:inherit} table{border-collapse:collapse} input,textarea{outline:none;border:none} input{border:none;appearance:none;-moz-appearance:none;outline:none;-webkit-appearance:none} :-moz-placeholder,::-moz-placeholder,input:-ms-input-placeholder,input::-webkit-input-placeholder{color:inherit;opacity:0.55;font-size:14px} textarea{resize:none;overflow:auto} input:-webkit-autofill{box-shadow:0 0 0px 1000px white inset} button,input,select,textarea{font-size:100%} img{max-width:100%} *{margin:0;padding:0;box-sizing:border-box} input,textarea,select{outline:none} a,a:hover{text-decoration:none;outline:none} ul li{list-style-type:none} img{border:none} .bd_weixin_popup{box-sizing:content-box} @media screen and (min-width:1024px){ /*::-webkit-scrollbar{width:5px;background-color:#f7f8f9} ::-webkit-scrollbar-thumb{background-color:#085cc2}*/ } /* CSS Document */ /**,::after, ::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;}*/ @font-face{font-family:'Gotham Rounded Book';src:url('../font/GothamRounded-Book.eot');src:url('../font/GothamRounded-Book.eot') format('embedded-opentype'),url('/Design/King-Tin/css/fonts/GothamRounded-Book.woff2') format('woff2'),url('/Design/King-Tin/css/fonts/GothamRounded-Book.woff') format('woff'),url('../font/GothamRounded-Book.ttf') format('truetype'),url('../font/GothamRounded-Book.svg') format('svg');font-weight:normal;font-style:normal;font-display:swap} @font-face{font-family:'Gotham Rounded';src:url('../font/GothamRounded-Bold.eot');src:url('../font/GothamRounded-Bold.eot') format('embedded-opentype'),url('/Design/King-Tin/css/fonts/GothamRounded-Bold.woff2') format('woff2'),url('/Design/King-Tin/css/fonts/GothamRounded-Bold.woff') format('woff'),url('../font/GothamRounded-Bold.ttf') format('truetype'),url('../font/GothamRounded-Bold.svg') format('svg');font-weight:bold;font-style:normal;font-display:swap} @font-face{font-family:'TwCenMT';src:url('../font/TwCenMT-Bold.eot');src:url('../font/TwCenMT-Bold.eot') format('embedded-opentype'),url('/Design/King-Tin/css/fonts/TwCenMT-Bold.woff2') format('woff2'),url('/Design/King-Tin/css/fonts/TwCenMT-Bold.woff') format('woff'),url('/Design/King-Tin/css/fonts/TwCenMT-Bold.ttf') format('truetype'),url('../font/TwCenMT-Bold.svg') format('svg');font-weight:bold;font-style:normal;font-display:swap} .en{font-family:'TwCenMT',Microsoft Yahei,"微软雅黑",Arial,Helvetica, sans-serif;font-weight:bold;} @font-face { font-family: 'Myriad Pro'; src: url('../font/MyriadPro-Bold.eot'); src: url('../font/MyriadPro-Bold.eot') format('embedded-opentype'), url('/Design/King-Tin/css/fonts/MyriadPro-Bold.woff2') format('woff2'), url('/Design/King-Tin/css/fonts/MyriadPro-Bold.woff') format('woff'), url('../font/MyriadPro-Bold.ttf') format('truetype'), url('/Design/King-Tin/css/fonts/MyriadPro-Bold.svg') format('svg'); font-weight: bold; font-style: normal; font-display: swap; } body{background-color:#fff; overflow-x:hidden;color:#000;position:relative;min-width:320px; font-family:Microsoft Yahei,"微软雅黑",Arial, Helvetica, sans-serif; font-size:12px;line-height:20px;} .clearfix:before, .clearfix:after{content:"";display:block;height:0;overflow:hidden;} .clearfix:after{clear:both;} .clearfix{zoom:1;} .fl{float:left;} .fr{float:right;} .hide{display:none;} textarea{outline:none;} table{border-spacing:0;} .w1200{width:1200px;margin:0 auto;} .container{width:93.75%;margin:0 auto;} .w1540{width:80.20833333333333%;margin:0 auto;} @media (max-width: 1920px){ .w1520{width:90%;max-width:15.20rem;margin:0 auto;} } @media (max-width: 1520px){ .w1200 {width: 1100px; } .w1400 {width: 1300px; } .w1520{padding:0 3%;} .w1540{width:auto;padding:0 3%;} } @media (max-width: 1400px){ .w1400 {width: 1200px; } } @media (max-width: 1220px){ .w1400 {width: 1000px; } .w1200{width: 1000px; } } @media (max-width: 1023px){ .w1400 {width: 94%; } .w1200{width: 94%; } .w1540{width:94%;padding:0;} } .pglist { padding: 30px 0 15px; width: 100%; text-align: center; clear: both; }.pglist * { display: inline-block; vertical-align: middle; line-height: 34px; padding-bottom: 1px; }.pglist a { color: #333; padding: 0 15px; margin: 0 4px; background: #fff; border: 1px solid #edebeb; }.pglist .active a{ display: inline-block; color: #fff; background: #0056a8; border-color: #0056a8; }.pglist span{ color: #333; padding: 0 15px; margin: 0 4px; background: #fff; border: 1px solid #edebeb; } .fixed{position:fixed} .bg{background-image:linear-gradient(-90deg,#0b59c3 0%,#085cc2 100%);background-blend-mode:normal,normal} .flex{display:flex;display:-webkit-box;/* Chrome 4+,Safari 3.1,iOS Safari 3.2+ */ display:-moz-box;/* Firefox 17- */ display:-webkit-flex;/* Chrome 21+,Safari 6.1+,iOS Safari 7+,Opera 15/16 */ display:-moz-flex;/* Firefox 18+ */ display:-ms-flexbox;/* IE 10 */} .flex-wrap{flex-flow:wrap} .flex-between{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between} .inline-block{display:inline-block} .block{display:block} .hide{display:none} .pic{font-size:0;overflow:hidden;display:block;width:100%} .pic img{width:100%;display:block;transition:transform 0.8s ease;-webkit-transition:transform 0.8s ease;-moz-transition:transform 0.8s ease;-ms-transition:transform 0.8s ease;-o-transition:transform 0.8s ease} .pic img.phone{display:none} .phone-nav{display:none} .link{font-size:0;margin-bottom:0.2rem} .link a{position:relative;font-size:14px;margin-right:0.24rem;display:inline-block;color:#999;vertical-align:top;line-height:24px;transition:color 0.3s ease;-webkit-transition:color 0.3s ease;-moz-transition:color 0.3s ease;-ms-transition:color 0.3s ease;-o-transition:color 0.3s ease} .link a:hover{color:#fff} .link a:last-child{margin-right:0} .content,.desc{text-align:justify} .content{color:#666;line-height:0.3rem} .content img,.content input[type="image"]{max-width:100%;height:auto!important;display:block;margin:0 auto} .swiper-box{position:relative} :root{--fs16:16px} *{text-decoration:none;padding:0;margin:0;-webkit-tap-highlight-color:transparent} .text-left{text-align:left} .text-center{text-align:center} .text-right{text-align:right} a,a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;outline:none;background:none;text-decoration:none} .visible-xs{display:none !important} .hidden-xs{display:block !important} @media only screen and (max-width:768px){ .visible-xs{display:block !important} .hidden-xs{display:none !important} } .visible-1024{display:none !important} .hidden-1024{display:block !important} @media only screen and (max-width:1024px){ .visible-1024{display:block !important} .hidden-1024{display:none !important} } .visible-1080{display:none !important} .hidden-1080{display:block !important} @media only screen and (max-width:1080px){ .visible-1080{display:block !important} .hidden-1080{display:none !important} } .visible-1280{display:none !important} .hidden-1280{display:block !important} @media only screen and (max-width:1280px){ .visible-1280{display:block !important} .hidden-1280{display:none !important} } .container{margin-right:auto;margin-left:auto} @media (min-width:1601px){.container{width:1400px}} @media (max-width:1600px){.container{width:83.3%}} @media (max-width:1440px){.container{width:75%}} @media (max-width:1366px){.container{width:73%}} @media (max-width:768px){.container{width:100%}} video{object-fit:fill} .relative{position:relative} body{position:static;height:auto;overflow:auto;padding-right:0px} /*****************************mav start*****************************/ .header-wrapper{position:fixed;left:0;right:0;top:0;z-index:30;transition:all 0.4s ease;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-ms-transition:all 0.4s ease;-o-transition:all 0.4s ease} .header-wrapper.shadow{box-shadow:0 2px 30px rgba(0,0,0,0.1)} .header-wrapper.active{transform:translate(0,-1.2rem)} .header-wrapper.on{background-color:#fff} .header-wrapper.on .logo-box img.init{display:none} .header-wrapper.on .logo-box img.on{display:block} .header-wrapper.on .pc-nav-box ul li:hover > a{color:#085cc2} .header-wrapper.on .pc-nav-box ul li:hover > a:after{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);} .header-wrapper.on .pc-nav-box ul li .nav a:hover{color:#085cc2;font-weight:700} .header-wrapper.on .pc-nav-box ul li a{color:#333} .header-wrapper.on .pc-nav-box ul li a:after{background-color:#085cc2} .header-wrapper.on .on .search{background-image:url(../image/top-close.png)!important; color:#000;} .header-wrapper .on .search{background-image:url(../image/top-close.png)!important; color:#fff;} .header-wrapper.on .language .caption{color:#333;background-image:url(../image/top-ji2.png)} .header-wrapper.on .language .caption i{background-image:url(../image/idown2.png)} .header-wrapper .box{display:flex;display:-webkit-box;/* Chrome 4+,Safari 3.1,iOS Safari 3.2+ */ display:-moz-box;/* Firefox 17- */ display:-webkit-flex;/* Chrome 21+,Safari 6.1+,iOS Safari 7+,Opera 15/16 */ display:-moz-flex;/* Firefox 18+ */ display:-ms-flexbox;/* IE 10 */ align-items:center;height:0.9rem;padding:0 0.6rem 0 0.56rem} .header-wrapper .logo-box{width:1.68rem} .header-wrapper .logo-box a{display:block} .header-wrapper .logo-box img{width:100%} .header-wrapper .logo-box img.on{display:none} .header-wrapper .other-box{display:flex;display:-webkit-box;/* Chrome 4+,Safari 3.1,iOS Safari 3.2+ */ display:-moz-box;/* Firefox 17- */ display:-webkit-flex;/* Chrome 21+,Safari 6.1+,iOS Safari 7+,Opera 15/16 */ display:-moz-flex;/* Firefox 18+ */ display:-ms-flexbox;/* IE 10 */ align-items:center} .header-wrapper .search-box{position:relative;margin-right:0.56rem;/* input placeholder */} .header-wrapper .search-box .text{width:100%;height:0.46rem;font-size:14px; margin:0;line-height:0.46rem;padding:0 0.6rem 0 0.2rem;background-color:#fff;color:#666} .header-wrapper .search-box::-webkit-input-placeholder{/* WebKit browsers */ color:#666;font-size:var(--fs16)} .header-wrapper .search-box:-moz-placeholder{/* Mozilla Firefox 4 to 18 */ color:#666;font-size:var(--fs16)} .header-wrapper .search-box::-moz-placeholder{/* Mozilla Firefox 19+ */ color:#666;font-size:var(--fs16)} .header-wrapper .search-box:-ms-input-placeholder{/* Internet Explorer 10+ */ color:#666;font-size:var(--fs16)} .header-wrapper .form{width:4rem;background-color:#f8f8f8;position:absolute;right:-0.4rem;top:100%;z-index:10;padding:0.1rem 0.2rem;box-shadow:0 12px 20px rgba(0,0,0,0.1);display:none} .header-wrapper .search,.header-wrapper .submit{z-index:10;display:block;background-repeat:no-repeat;background-position:left center;background-size:16px;cursor:pointer;} .header-wrapper .search{position:relative;width:50px;padding-left:20px;font-size:15px;color:#ffffff;line-height:0.9rem;background-image:url(../image/top-search.png)} .header-wrapper.on.shadow .search{background-image:url(../image/top-search2.png);color:#333;} .header-wrapper .submit{width:16px;height:16px;position:absolute;right:0.4rem;top:50%; margin:0;margin-top:-8px;z-index:10; background-image:url(../image/top-search2.png); background-color:#fff;} .header-wrapper .language{position:relative;font-size:15px;} .header-wrapper .language.on .caption:after{opacity:1;visibility:visible} .header-wrapper .language.on .list{opacity:1;visibility:visible} .header-wrapper .language.on .list a{display:block;animation:navInUp50 0.6s ease;animation-fill-mode:forwards} .header-wrapper .language .caption{color:#fff;font-family:Arial;font-weight:700;cursor:pointer;background-image:url(../image/top-ji.png);background-size:16px;background-repeat:no-repeat;background-position:left center;padding-left:33px;line-height:50px} .header-wrapper .language .caption:after{content:"";border:0.06rem solid transparent;position:absolute;left:50%;bottom:0;z-index:10;margin-left:-0.06rem;border-bottom-color:#fff;opacity:0;visibility:hidden;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease} .header-wrapper .language .caption i{display:inline-block;vertical-align:middle;margin-left:12px;width:8px;height:5px;background-image:url(../image/idown.png);background-size:contain;background-repeat:no-repeat;background-position:center center} .header-wrapper .list{position:absolute;left:50%;top:100%;z-index:10;text-align:center;width:1.2rem;margin-left:-0.6rem;padding:0.16rem 0;overflow:hidden;opacity:0;visibility:hidden;box-shadow:0 12px 20px rgba(0,0,0,0.1)} .header-wrapper .list:before{content:"";width:100%;height:100%;background-color:#fff;position:absolute;left:0;top:0;z-index:0;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;box-shadow:0 12px 20px rgba(0,0,0,0.1)} .header-wrapper .list a{position:relative;z-index:1;font-family:Arial;font-weight:700;line-height:0.3rem;margin-bottom:0.1rem;transition:all 0.4s ease;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-ms-transition:all 0.4s ease;-o-transition:all 0.4s ease;display:none;opacity:0;visibility:hidden} .header-wrapper .list a:last-child{margin-bottom:0} .header-wrapper .list a:hover{color:#085cc2} .pc-nav-box{flex:1; text-align:right; margin-right:25px;} .pc-nav-box ul{/*display:flex;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;*/ font-size:0; display:inline-block;} .pc-nav-box li{position:relative;margin-right:0.58rem; display:inline-block;*display:inline;zoom:1; vertical-align:top;} .pc-nav-box li:hover > a,.pc-nav-box li.on > a{font-weight:700} .pc-nav-box li:hover > a:after,.pc-nav-box li.on > a:after{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);} .pc-nav-box li:hover .nav{opacity:1;visibility:visible} .pc-nav-box li:hover .nav:before{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);} .pc-nav-box li:hover .nav a{display:block;animation:navInUp50 0.6s ease;animation-fill-mode:forwards} .pc-nav-box li:first-child a:before{display:none} .pc-nav-box li:hover > a:before{opacity:1;visibility:visible} .pc-nav-box li > a{position:relative;font-size:var(--fs16);line-height:0.9rem;color:#fff} .pc-nav-box li > a:after{content:"";width:100%;height:0.03rem;background-color:#fff;position:absolute;left:0;top:0;z-index:10;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transition:transform 0.3s ease;-moz-transition:transform 0.3s ease;-ms-transition:transform 0.3s ease;-o-transition:transform 0.3s ease;transition:transform 0.3s ease;} .pc-nav-box li > a:before{content:"";border:0.08rem solid transparent;position:absolute;left:50%;bottom:0;z-index:10;margin-left:-0.08rem;border-bottom-color:#fff;opacity:0;visibility:hidden;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;} .pc-nav-box a{display:block;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-ms-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;} .pc-nav-box .nav{position:absolute;left:50%;top:100%;z-index:10;text-align:center;width:1.8rem;margin-left:-0.9rem;padding:0.16rem;background-color:#fff;overflow:hidden;opacity:0;visibility:hidden;box-shadow:0px 10px 20px 0px rgba(0,0,0,0.05)} .pc-nav-box .nav:before{content:"";width:100%;height:100%;position:absolute;left:0;top:0;z-index:0;-webkit-transform:translateY(-110%);-moz-transform:translateY(-110%);-ms-transform:translateY(-110%);-o-transform:translateY(-110%);transform:translateY(-110%);-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;} .pc-nav-box .nav a{position:relative;z-index:1;font-size:var(--fs16);line-height:0.3rem;margin-bottom:0.1rem;display:none;opacity:0;visibility:hidden} .pc-nav-box .nav a:last-child{margin-bottom:0} .pc-nav-box .nav a:hover{color:#085cc2;font-weight:700} @media screen and (min-width:1024px){ .share ul li:hover:before{animation:iconScale 1.5s ease infinite;opacity:1;visibility:visible} .share ul li:hover .hidebox{opacity:1;visibility:visible;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);} .share ul li:hover a{background-color:#085cc2;border-color:#085cc2} .header-wrapper:hover{background-color:#fff} .header-wrapper:hover .logo-box img.init{display:none} .header-wrapper:hover .logo-box img.on{display:block} .header-wrapper:hover .pc-nav-box ul li:hover > a{color:#085cc2} .header-wrapper:hover .pc-nav-box ul li:hover > a:after{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);} .header-wrapper:hover .pc-nav-box ul li .nav a:hover{color:#085cc2;font-weight:700} .header-wrapper:hover .pc-nav-box ul li a{color:#333} .header-wrapper:hover .pc-nav-box ul li a:after{background-color:#085cc2} .header-wrapper:hover .search{background-image:url(../image/top-search2.png);color:#333;} .header-wrapper:hover .language .caption{color:#333;background-image:url(../image/top-ji2.png)} .header-wrapper:hover .language .caption i{background-image:url(../image/idown2.png)} .header-wrapper .language:hover .caption:after{opacity:1;visibility:visible} .header-wrapper .language:hover .list{opacity:1;visibility:visible} .header-wrapper .language:hover .list:before{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1;visibility:visible} .header-wrapper .language:hover .list a{display:block;animation:navInUp50 0.6s ease;animation-fill-mode:forwards} } @media screen and (max-width:1600px){ .box-container{width:14rem} .pc-nav-box{margin:0 1rem} .pc-nav-box ul{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between} .pc-nav-box li{margin-right:0.4rem} .header-wrapper .search-box{margin-right:0.4rem} } @media screen and (max-width:1440px){ :root{--fs16:15px} } @media screen and (max-width:1366px){ :root{--fs16:14px} } @media screen and (max-width:1199px){ :root{--fs16:12px} } @media screen and (max-width:1280px) and (min-width:1030px){ body,h1,div,li,a,button,input,select,textarea{font-size:13px} } @media screen and (max-width:1004px){ .box-container,.w1200{width:100%;padding:0 0.3rem} .hidden-xs{display:none} .hidden-pc{display:block} .nav-icon{font-size:0;order:2;width:0.44rem;height:0.44rem;position:relative} .nav-icon.on span:nth-child(1){transform:rotate(45deg);margin:0;transition:margin 180ms cubic-bezier(0.215,0.61,0.355,1),transform 270ms cubic-bezier(0.215,0.61,0.355,1) 180ms,-webkit-transform 270ms cubic-bezier(0.215,0.61,0.355,1) 180ms} .nav-icon.on span:nth-child(2){opacity:0} .nav-icon.on span:nth-child(3){transform:rotate(-45deg);margin:0;transition:margin 180ms cubic-bezier(0.215,0.61,0.355,1),transform 270ms cubic-bezier(0.215,0.61,0.355,1) 180ms,-webkit-transform 270ms cubic-bezier(0.215,0.61,0.355,1) 180ms} .nav-icon span{display:inline-block;width:100%;height:0.048rem;background:#fff;position:absolute;left:0;top:0.2rem;z-index:10;transform-origin:center center;border-radius:5px;transition:margin 140ms cubic-bezier(0.25,0.46,0.45,0.94) 230ms,transform 280ms cubic-bezier(0.215,0.61,0.355,1) 0ms,-webkit-transform 280ms cubic-bezier(0.215,0.61,0.355,1) 0ms} .nav-icon span:nth-child(1){margin-top:-0.15rem} .nav-icon span:nth-child(2){margin-top:0} .nav-icon span:nth-child(3){margin-top:0.13rem} .phone-nav{width:100%;height:calc(100% - 1.2rem);position:fixed;right:0;top:1.2rem;background:#fff;z-index:501;overflow:auto;border-top:1px solid #f3f3f3} .phone-nav ul{width:100%;margin:0 auto;position:relative;height:100%;overflow-y:auto;overflow-x:hidden;transition:max-height 0.8s ease;-webkit-transition:max-height 0.8s ease;-moz-transition:max-height 0.8s ease;-ms-transition:max-height 0.8s ease;-o-transition:max-height 0.8s ease} .phone-nav ul::-webkit-scrollbar{width:4px} .phone-nav ul::-webkit-scrollbar-track{background-color:#eaeaea} .phone-nav ul::-webkit-scrollbar-thumb{background-color:#085cc2} .phone-nav ul li{position:relative} .phone-nav ul li.active .cat{color:#085cc2;font-weight:700} .phone-nav ul li.active .cat:before{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);} .phone-nav ul li > a{position:relative;display:block;font-size:0.3rem;color:#333;line-height:0.96rem;padding:0 0.3rem;border-bottom:1px solid #f3f3f3} .phone-nav ul li .cat:before,.phone-nav ul li .cat:after{content:"";display:inline-block;background:#085cc2;position:absolute;z-index:10} .phone-nav ul li .cat:before{width:0.06rem;height:0.26rem;right:0.4rem;top:0.36rem;transition:transform 0.3s ease;-webkit-transition:transform 0.3s ease;-moz-transition:transform 0.3s ease;-ms-transition:transform 0.3s ease;-o-transition:transform 0.3s ease} .phone-nav ul li .cat:after{width:0.26rem;height:0.06rem;right:0.3rem;top:0.46rem} .phone-nav ul li.on > a{font-weight:700;color:#085cc2} .phone-nav ul li .navs{background:#f9f9f9;width:100%;display:none} .phone-nav ul li .navs a{font-size:16px;display:block;color:#666;padding-left:0;line-height:1rem;padding:0 0.3rem;border-bottom:1px solid #f3f3f3} .phone-nav ul li .navs a:last-child{margin-bottom:0;border-bottom:none} .pic img.pc{display:none} .pic img.phone{display:block} .search-form{top:1.2rem;padding:0.24rem 0;box-shadow:0 16px 30px rgba(0,0,0,0.05);/* input placeholder */} .search-form img{width:14px} .search-form .w960{width:100%;padding:0 0.3rem} .search-form .keywords{line-height:40px;margin-left:15px;font-size:14px;padding-right:20px} .search-form::-webkit-input-placeholder{/* WebKit browsers */ color:#999;font-size:14px} .search-form:-moz-placeholder{/* Mozilla Firefox 4 to 18 */ color:#999;font-size:14px} .search-form::-moz-placeholder{/* Mozilla Firefox 19+ */ color:#999;font-size:14px} .search-form:-ms-input-placeholder{/* Internet Explorer 10+ */ color:#999;font-size:14px} .search-form .close{margin-top:-10px;width:16px;height:16px;right:15px} .search-form .search-btn img{width:16px} .header-wrapper.on .nav-icon span{background-color:#085cc2} .header-wrapper .box{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;align-items:center;height:1.2rem;padding:0 0.3rem} .header-wrapper .logo-box{width:2rem} .header-wrapper .logo-box a{display:block} .header-wrapper .logo-box img{width:100%} .header-wrapper .other-box{display:flex;display:-webkit-box;/* Chrome 4+,Safari 3.1,iOS Safari 3.2+ */ display:-moz-box;/* Firefox 17- */ display:-webkit-flex;/* Chrome 21+,Safari 6.1+,iOS Safari 7+,Opera 15/16 */ display:-moz-flex;/* Firefox 18+ */ display:-ms-flexbox;/* IE 10 */ align-items:center} .header-wrapper .search-box{order:1;margin:0 0.4rem} .header-wrapper .search-box .text{height:0.8rem;line-height:0.48rem;padding-left:0} .header-wrapper .form{position:fixed;top:1.2rem;width:100%;right:0;padding:0.2rem 0.3rem} .header-wrapper .search{position:relative;width:24px;height:0.9rem;background-image:url(../image/top-search.png); font-size:0;} .header-wrapper.on .search{background-image:url(../image/top-search2.png);} .header-wrapper .submit{right:0.4rem} .header-wrapper .language{order:0} .header-wrapper .language .caption{padding-left:0;font-size:0;line-height:0.6rem;width:0.36rem;height:0.36rem;background-position:center center;background-size:100%} .header-wrapper .language .caption:after{border-width:0.08rem;margin-left:-0.08rem;bottom:-0.1rem} .header-wrapper .language .caption i{display:none} .header-wrapper .list{top:130%;width:1.8rem;margin-left:-0.9rem;padding:0.26rem 0.2rem} .header-wrapper .list a{line-height:0.44rem;margin-bottom:0.16rem} .footer-nav-box,.pc-nav-box{display:none} } /*****************************footer start*****************************/ /*footer*/ .footer{background:url(../image/bottombg.jpg) no-repeat center bottom #edeff6;padding-top:70px;padding-bottom:60px; background-size:100%;} .footer .footer-top{padding-bottom:10px;} /*listBox*/ .footer .footer-top .listBox{float:left;color:#757575;width:50%;} .footer .footer-top .listBox .linli{float:left; width:25%;} .footer .footer-top .listBox .title{font-size:16px;line-height:30px;color:#000000;font-weight:500;padding-bottom:20px;} .footer .footer-top .listBox .title i{display: none;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;transition: all 0.5s;} .footer .footer-top .listBox .navigations{margin-bottom:30px;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;transition: all 0.5s;} .footer .footer-top .listBox .navigations li{padding:5px 0;line-height:24px;font-size:0;} .footer .footer-top .listBox .navigations li a{font-size:14px;color:#646464;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;transition: all 0.5s;display:inline-block;} .footer .footer-top .listBox .navigations li a:hover{color:#0067ff;} /*listBox navTitle*/ .footer .footer-top .listBox .navTitle a{font-size:20px;line-height:30px;color:#fff;padding-bottom:5px;font-weight:300; display:block;} .footer .footer-top .listBox .navTitle a i{display: none;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;transition: all 0.5s;} .footer .footer-top .listBox .navTitle a:hover{color:#0067ff;} /*lxBox*/ .footer .footer-top .lxBox{float:left;font-size:15px;line-height:30px;color:#8c8c91;width:40%;} .footer .footer-top .lxBox .title{padding-bottom:25px;} .footer .footer-top .lxBox .title{font-size:16px;line-height:30px;color:#000000;padding-bottom:20px;font-weight:300;} .footer .footer-top .lxBox strong{font-size:16px;font-weight:400;color:#646464;} .footer .footer-top .lxBox p{font-size:14px;color:#646464;} .footer .footer-top .lxBox td img{vertical-align:middle;} .footer .footer-top .lxBox td{ padding-bottom:5px; vertical-align:middle;} /*rightBox*/ .footer .footer-top .rightBox{float:right;font-size:14px;line-height:30px;color:#4b7bfc; text-align:right;width:10%;} .footer .footer-top .rightBox td{text-align:center;} .footer .footer-top .rightBox td img{max-width:190px;} /*footer-logo*/ .footer .footer-top .footer-logo{ margin-bottom:45px;} .footer .footer-top .footer-logo img{height:50px; max-width:100%;} @media (max-width: 1540px){ .footer .footer-top .lxBox{width:40%;} .footer .footer-top .listBox{width:40%;} .footer .footer-top .rightBox{width:20%;} } @media (max-width: 1320px){ .footer .footer-top .lxBox{width:32%; padding-right:3%;} .footer .footer-top .listBox{width:45%;} .footer .footer-top .rightBox{width:20%;} } @media (max-width: 992px){ .footer{padding-top:50px;padding-bottom:50px;} .footer .footer-top{padding-bottom:10px;} .footer .footer-top .listBox{float:none;width:100%;} .footer .footer-top .listBox .linli{float:none;width:100%;} .footer .footer-top .listBox .title{font-size:16px;line-height:60px;font-weight:500;padding:0;border-bottom:1px solid #e3e3e3; position:relative;} .footer .footer-top .listBox .title i{ display:block; width:16px; height:16px; position:absolute;right:3%; top:50%; margin-top:-8px;background:url(/Design/King-Tin/images/toTop.png) no-repeat center center; background-size:100%;} .footer .footer-top .listBox .title i{transform:rotate(180deg);} .footer .footer-top .listBox .on .title i{transform:rotate(0deg);} .footer .footer-top .listBox .navigations {margin-bottom:0rem;display:none;} .footer .footer-top .listBox .on .navigations{display: block;} .footer .footer-top .listBox .navigations li{padding:8px 1%;line-height:30px;} .footer .footer-top .listBox .navigations li a{font-size:16px;} .footer .footer-top .listBox .navTitle a{font-size:20px;line-height:60px;border-bottom:1px solid #2d3045;padding: 0 3%;} .footer .footer-top .lxBox{font-size:16px;line-height:30px;float:none;width:100%;padding:0%;} .footer .footer-top .lxBox .title{padding-bottom:25px;} .footer .footer-top .lxBox .title{font-size:16px;line-height:60px;padding-bottom:0px;} .footer .footer-top .lxBox strong{font-size:16px;} .footer .footer-top .lxBox td{ padding-bottom:5px;} .footer .footer-top .rightBox{font-size:14px;line-height:30px;float:none;width:100%;margin-bottom:0; padding-top:30px; text-align:left;} .footer .footer-top .rightBox td img{padding-bottom:0px;} .footer .footer-top .footer-logo{margin-bottom:15px;} .footer .footer-top .footer-logo img{height:40px;} } /*footer-bottom footer-copyright*/ .footer .footer-bottom .footer-copyright{float:left;width:40%;font-size:14px;line-height:30px;color:#8c8c91;} .footer .footer-bottom .footer-copyright a{color:#8c8c91;} .footer .footer-bottom .footer-copyright a:hover{color:#000;} /*footer-bottom footer-share*/ .footer .footer-bottom .footer-share{float:right;width:60%;text-align:left;position:relative} .footer .footer-bottom .footer-share .icon-line{margin-bottom:18px} .footer .footer-bottom .footer-share .icon-line a{display:inline-block;width:32px;height:32px;margin-right:15px;cursor:pointer;background-size:100%; background-repeat:no-repeat; background-position:center;filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5;} .footer .footer-bottom .footer-share .icon-line a:hover{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;} .footer .footer-bottom .footer-share .icon-line .mr0{margin-right:0!important} .footer .footer-bottom .footer-share .icon-line a.footer-icon-xcx{background-image:url(../image/bottom-share-xcx.png);} .footer .footer-bottom .footer-share .icon-line a.footer-icon-xcx-cai{background-image:url(../image/bottom-share-xcx.png);} .footer .footer-bottom .footer-share .icon-line a.footer-icon-qq{background-image:url(/Design/King-Tin/images/bottom-share-qq.png);} .footer .footer-bottom .footer-share .icon-line a.footer-icon-qq-cai{background-image:url(/Design/King-Tin/images/bottom-share-qq.png);} .footer .footer-bottom .footer-share .icon-line a.footer-icon-douyin{background-image:url(../image/bottom-share-douyin.png);} .footer .footer-bottom .footer-share .icon-line a.footer-icon-douyin-cai{background-image:url(../image/bottom-share-douyin.png);} .footer .footer-bottom .footer-share .icon-line a.footer-icon-kuaishou{background-image:url(/Design/King-Tin/images/bottom-share-kuaishou.png);} .footer .footer-bottom .footer-share .icon-line a.footer-icon-kuaishou-cai{background-image:url(/Design/King-Tin/images/bottom-share-kuaishou.png);} .footer .footer-bottom .footer-share .icon-line a.footer-icon-weixin{background-image:url(../image/bottom-share-wx.png);} .footer .footer-bottom .footer-share .icon-line a.footer-icon-weixin-cai{background-image:url(../image/bottom-share-wx.png);} .footer .footer-bottom .footer-share .icon-line a.footer-icon-ins{background-image:url(../image/bottom-share-ins.png);} .footer .footer-bottom .footer-share .icon-line a.footer-icon-ins-cai{background-image:url(../image/bottom-share-ins.png);} .footer .footer-bottom .footer-share .qrcode-modal{width:152px;min-height:152px;margin-left:-22px;-webkit-box-shadow:0 6px 10px 0 rgba(0,0,0,.5);box-shadow:0 6px 10px 0 rgba(0,0,0,.5);border:1px solid #fff;background-color:#fff;position:absolute;border-radius:4px;left:0;bottom:0px;display:none} .footer .footer-bottom .footer-share .qrcode-modal:before{content:"";width:0;height:0;border-left:12px solid rgba(0,0,0,0);border-right:12px solid rgba(0,0,0,0);border-top:12px solid #fff;position:absolute;bottom:-12px;right:12px} .footer .footer-bottom .footer-share .qrcode-modal:after{content:"";width:0;height:0;border-left:12px solid rgba(0,0,0,0);border-right:12px solid rgba(0,0,0,0);border-top:12px solid #fff;position:absolute;bottom:-11px;right:12px} .footer .footer-bottom .footer-share .qrcode-modal .modalBox{ padding:16px 16px;} .footer .footer-bottom .footer-share .qrcode-modal img{display:block;width:100%;max-height:120px;max-width:120px;} .footer .footer-bottom .footer-share .qrcode-modal .text{font-size:12px;line-height:30px;color:#86868b;text-align:center} #douyin-qrcode, #xcx-qrcode{width:270px;margin-left:-140px;} #douyin-qrcode img, #xcx-qrcode img{max-height:120px;max-width:120px;} @media (max-width: 1320px){ .footer .footer-bottom .footer-copyright{width:32%; padding-right:3%;} .footer .footer-bottom .footer-share{width:65%;} } @media (max-width: 1220px){ .footer .footer-bottom .footer-copyright{width:100%; padding-right:0%;} .footer .footer-bottom .footer-share{width:100%;} } @media (max-width: 1024px){ .footer .footer-bottom .footer-share{ display:none;} } @media (max-width: 768px){ .footer .footer-bottom .footer-copyright{width:100%;} } /*footer mobileshare*/ .footer-mobileShare{ display:none;} .footer-mobileShare .platform-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row} .footer-mobileShare .platform-container>li{margin-right:15px;height:32px} .footer-mobileShare .platform-container>li a{display:block} .footer-mobileShare .platform-container>li img{height:32px} /*mobileshare弹窗*/ #weixin-qrcode{align-items:center;justify-content:center;flex-direction:row} #weixin-qrcode{position:fixed;top:0;left:0;right:0; margin:0 auto; text-align:center;background-color:rgba(255,255,255,.6);display:none;z-index:1000000000000} .qrcode-container{width:100%;padding:0 15px;margin:60px auto 0} .qrcode-box{width:200px;padding:10px;background:#fff;box-shadow:1px 3px 5px #666;border-radius:5px;font-size:12px;color:#000;display:block;text-align:center;margin-bottom:20px;margin-left:auto;margin-right:auto} .qrcode-box img{width:100%;margin-bottom:8px} @media (max-width: 1024px){ .footer-mobileShare{ display: block;float:right;} } @media (max-width: 768px){ .footer-mobileShare{width:100%;float:none; padding-bottom:2%;} } /*右侧浮动*/ .y-kefu-box {position: fixed; right:20px; top:30%; z-index: 9999; font-size:12px;} .y-kefu-box a{text-decoration:none;} .y-kefu-box img {display: block; width: 100%; height: auto; } .y-kefu-box01 {width:75px;color:#474f62; text-align: center; } .y-kefu-box01 .icon {display: block;margin: 0 auto;width:20px; height:20px;} .y-kefu-box01 .t{ margin:0 8px;border-bottom:1px solid #eff0f1;padding-bottom:10px;} .y-kefu-box01 .show-status {position: relative;box-shadow: 0rem 0.39rem 0.65rem 0rem rgba(179, 185, 191, 0.3);} .y-kefu-box01 .show-status .hver{display: block; width:75px;padding-top:10px;background-color:#fff;position: relative;} .y-kefu-box01 .kf-zixun {border-top-left-radius:10px; border-top-right-radius:10px;} .y-kefu-box01 .kf-zixun i {background: url(../image/float-icon1.png) no-repeat center center; background-size:100%;} .y-kefu-box01 .kf-mobile>i {background: url(../image/float-icon2.png) no-repeat center center; background-size:100%;} .y-kefu-box01 .kf-email>i {background: url(../image/float-icon3.png) no-repeat center center; background-size:100%;} .y-kefu-box01 .kf-weChat>i {background: url(../image/float-icon4.png) no-repeat center center; background-size:100%;} .y-kefu-box01 .kf-douyin>i {background: url(../image/float-icon5.png) no-repeat center center; background-size:100%;} .y-kefu-box01 .back-top i {background: url(/Design/King-Tin/images/float-icon6.png) no-repeat center center; background-size:100%;} .y-kefu-box01 .back-top {border-bottom-right-radius:10px;border-bottom-left-radius:10px;} .y-kefu-box01 .hver:hover{background-color:#c9deff; } .y-kefu-box01 .hver:hover .t{border-color:#c9deff;} .y-kefu-box01 .mobile-infos, .y-kefu-box01 .y-ewm-box{ background-color:#fff; border:solid 1px #efefef;position: absolute;right:90px;z-index:2;border-radius:10px;display: none;} /*电话*/ .y-kefu-box01 .mobile-infos { width:220px; text-align: left; top: 0;} .y-kefu-box01 .mobile-infos .online1 { padding: 20px 0 20px 45px;position:relative;border-bottom: solid 1px #efefef;} .y-kefu-box01 .mobile-infos span{color:#b9b9b9; } .y-kefu-box01 .mobile-infos p{color:#0067ff;font-size:18px; line-height:30px;} .y-kefu-box .right{width: 12px; height: 12px; position: absolute; right: -12px; top: 24px;} .y-kefu-box .right-arrow1, .y-kefu-box .right-arrow2{ width: 0; height: 0; display: block; position: absolute; left: 0; top: 0; border-top: 6px transparent dashed; border-right: 6px transparent dashed; border-bottom: 6px transparent dashed; border-left: 6px white solid; overflow: hidden;} .y-kefu-box .right-arrow1{ left: 1px; border-left: 6px #efefef solid;} .y-kefu-box .right-arrow2{ border-left:6px white solid;} /*二维码*/ .y-kefu-box01 .y-ewm-box { width: 151px; height: 178px; top: -60px;} .y-kefu-box01 .y-ewm-box .y-ewm-img1 {width:150px;height:178px;border-right:solid 1px #efefef;} .y-kefu-box01 .y-ewm-box img {width:94px;height:94px;margin: 30px auto 10px; } .y-kefu-box01 .y-ewm-box .right {top:84px; } /**/ .y-kefu-box01 .kf-close-btn {box-shadow: 0rem 0.39rem 0.65rem 0rem rgba(179, 185, 191, 0.3);display: block;margin: 0 auto;width:25px; height:25px; background: url(/Design/King-Tin/images/close2.png) no-repeat center center #0067ff;position: relative; cursor: pointer;border-radius:50%;background-size:50%; margin-bottom:10px;} .y-kefu-box01 .kf-close-btn:before { content: ''; display: block; width: 1px;height: 10px; position: absolute; bottom: -10px; left: 12px; z-index: 1; background-color:#bebebe; } /*hide-status*/ .y-kefu-box01 .hide-status {width:50px; height:50px;background-color:#0067ff;position: absolute;top:50%;left:55px;z-index: 9;border-radius: 5px;} .y-kefu-box01 .hide-status .kf-zx {width:100%; height:100%;color: #fff; cursor: pointer;background: url(/Design/King-Tin/images/float-icon8.png) no-repeat center center; background-size:22px;} @media (max-width:1920px){ .y-kefu-box {font-size:0.12rem;right:0.2rem;} .y-kefu-box01 {width:0.75rem;} .y-kefu-box01 .icon {width:0.2rem;height:0.2rem;} .y-kefu-box01 .t {margin:0 0.08rem;padding-bottom:0.1rem;} .y-kefu-box01 .show-status .hver {width:0.75rem;padding-top:0.1rem;} .y-kefu-box01 .kf-zixun {border-top-left-radius:0.1rem;border-top-right-radius:0.1rem;} .y-kefu-box01 .back-top {border-bottom-right-radius:0.1rem;border-bottom-left-radius:0.1rem;} .y-kefu-box01 .mobile-infos,.y-kefu-box01 .y-ewm-box {right:0.9rem;border-radius:0.1rem;} .y-kefu-box01 .mobile-infos {width:2.2rem;} .y-kefu-box01 .mobile-infos .online1 {padding:0.2rem 0 0.2rem 0.45rem;} .y-kefu-box01 .mobile-infos p {font-size:0.18rem;line-height:0.3rem;} .y-kefu-box .right {width:0.12rem;height:0.12rem;right:-0.12rem;top:0.24rem;} .y-kefu-box .right-arrow1,.y-kefu-box .right-arrow2 {border-top:0.06rem transparent dashed;border-right:0.06rem transparent dashed;border-bottom:0.06rem transparent dashed;border-left:0.06rem white solid;} .y-kefu-box .right-arrow1 {border-left:0.06rem #efefef solid;} .y-kefu-box .right-arrow2 {border-left:0.06rem white solid;} .y-kefu-box01 .y-ewm-box {width:1.51rem;height:1.78rem;top:-0.6rem;} .y-kefu-box01 .y-ewm-box .y-ewm-img1 {width:1.5rem;height:1.78rem;} .y-kefu-box01 .y-ewm-box img {width:0.94rem;height:0.94rem;margin:0.3rem auto 0.1rem;} .y-kefu-box01 .y-ewm-box .right {top:0.84rem;} .y-kefu-box01 .kf-close-btn{width:0.25rem;height:0.25rem;} } @media (max-width: 768px){ .y-kefu-box{ display:none;} .y-kefu-box {font-size:12px;} .y-kefu-box01 {width:75px;} .y-kefu-box01 .icon{width:20px; height:20px;} .y-kefu-box01 .t{ margin:0 8px;padding-bottom:10px;} .y-kefu-box01 .show-status .hver{width:75px;padding-top:10px;} .y-kefu-box01 .kf-zixun {border-top-left-radius:10px; border-top-right-radius:10px;} .y-kefu-box01 .back-top {border-bottom-right-radius:10px;border-bottom-left-radius:10px;} .y-kefu-box01 .mobile-infos, .y-kefu-box01 .y-ewm-box{right:90px;border-radius:10px;} .y-kefu-box01 .mobile-infos {width:220px;} .y-kefu-box01 .mobile-infos .online1{padding: 20px 0 20px 45px;} .y-kefu-box01 .mobile-infos p{font-size:18px; line-height:30px;} .y-kefu-box .right{width:12px;height:12px;right: -12px; top: 24px;} .y-kefu-box .right-arrow1, .y-kefu-box .right-arrow2{border-top: 6px transparent dashed; border-right: 6px transparent dashed; border-bottom: 6px transparent dashed; border-left: 6px white solid;} .y-kefu-box .right-arrow1{border-left: 6px #efefef solid;} .y-kefu-box .right-arrow2{border-left:6px white solid;} .y-kefu-box01 .y-ewm-box {width: 151px; height: 178px; top: -60px;} .y-kefu-box01 .y-ewm-box .y-ewm-img1 {width:150px;height:178px;} .y-kefu-box01 .y-ewm-box img {width:94px;height:94px;margin: 30px auto 10px; } .y-kefu-box01 .y-ewm-box .right {top:84px; } } /*****************************page start*****************************/ /*pagebanner*/ .pagebanner{position:relative; overflow:hidden; background:#f1f1f1;} .pagebanner .pic{ display:block; overflow:hidden;height:auto;background-position:center top;background-repeat:no-repeat;background-size:cover;color:#fff;padding-bottom:35.41666666666667%; position:relative;/*background-attachment: fixed;*/} .pagebanner .pagebanner-tt{color:#ffffff;position:absolute; left:0;right:0;top:50%;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);margin:0 auto; z-index:2; text-align:center;} .pagebanner .pagebanner-tt .cn{display:block;font-size:40px;font-weight:400;line-height:normal;} .pagebanner .pagebanner-tt .en{display:block;font-size:60px;line-height:50px;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4; text-transform:uppercase; margin:0 auto; margin-bottom:5px; max-width:400px;} @media screen and (max-width:1220px){ .pagebanner .pagebanner-tt .cn{font-size:32px;} .pagebanner .pagebanner-tt .en{font-size:52px;line-height:42px;} } @media screen and (max-width:1024px){ .pagebanner .pagebanner-tt .cn{font-size:30px;} .pagebanner .pagebanner-tt .en{font-size:50px;line-height:40px;} } @media screen and (max-width:992px){ .pagebanner .pagebanner-tt .cn{font-size:26px;} .pagebanner .pagebanner-tt .en{font-size:46px;line-height:36px;} } @media screen and (max-width:768px){ .pagebanner .pic{ padding-bottom:50%;} .pagebanner .pagebanner-tt .cn{font-size:20px;} .pagebanner .pagebanner-tt .en{font-size:40px;line-height:30px;} } @media screen and (max-width:640px){ .pagebanner .pagebanner-tt .cn{font-size:4vw;} .pagebanner .pagebanner-tt .en{font-size:6.25vw;line-height:4.6875vw;} } /************************pagePosition************************/ .pagePositionBox{overflow:hidden;padding-bottom:0px;} .pagePosition{display:block;color:#646464;font-size:13px;line-height:28px;font-weight: 300;} .pagePosition a{color:#646464;position:relative;font-size: 13px;} .pagePosition a.homei{ display:inline-block; padding-left:20px;background:url(../image/home.png) left center no-repeat; background-size:14px;} .pagePosition a:hover{ color:#4b7efc;} @media screen and (max-width:768px){ .pagePosition{font-size:12px;} .pagePosition a{font-size:12px;} .pagePosition a.homei{padding-left:15px; background-size:12px;} } /************************pageNav************************/ .pageTop{border-bottom:1px solid #edeef3;} .pageNav{position:relative; z-index:1; padding:15px 0;} .pageNav ul{ margin:0 auto; font-size:0; overflow:hidden;text-align:center;} .pageNav li{ display:inline-block;*display:inline;zoom:1;} .pageNav li a{display:block;color:#000000;font-size:16px;margin:0 44px; padding:0 26px; min-width:117px;line-height:50px;border-radius:50px; overflow:hidden;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;} .pageNav li a span{ display:inline-block;position:relative; z-index:2;} .pageNav li .aNow, .pageNav li a:hover{background-image:linear-gradient(-90deg,#4f7efc 0%,#55a7ff 100%);background-blend-mode:normal,normal;color:#fff;} .pageNav-tit{ display:none;} @media screen and (min-width:769px) { .pageNav{display:block!important;} } @media screen and (max-width:1220px) { .pageNav li a{min-width:0;margin:0px 10px;} } @media screen and (max-width:768px){ .pageTop{position:relative;} .pageTop .w1560{position:relative;} .pageNav-tit{display:block;height:60px;line-height:60px;color: #000;text-align:left;padding-right: 20px; position:relative;font-size:16px;} .pageNav-tit:after {content:''; display:inline-block;width:26px;height:13px;background: url(../image/v2.png) no-repeat 60% center;background-size:13px; position:absolute;right:0; top:50%; margin-top:-6px;} .pageNav{ display:none; position:absolute;width:100%; background:#fff; z-index:9;box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.1);} .pageNav ul{display:block;float:none; margin-right:0;padding:10px 10px;padding-right:0; height:auto;} .pageNav li{ display:block;line-height: normal;float:none; font-size:14px;} .pageNav li a{display:block; color:#333;padding:10px 10px;text-align:left; line-height:24px; border:none;width:100%; min-width:0;} .pageNav li a span{ } .pageNav li .aNow, .pageNav li a:hover{background:none;color:#4f7efc;} } /*pageInfo*/ .page img{max-width:100%;} .pageInfo{ color:#000000;font-size:16px;line-height:30px; min-height:300px;padding-top:35px;} .pageInfo img{ max-width:100%; height:auto;} .pageInfo hr{ width:100%;border:none;border-top:1px solid #3e3e3e!important;} @media screen and (max-width:1024px) { .pageInfo{padding-top:30px;} } @media screen and (max-width:768px){ .pageInfo{font-size:14px;line-height:30px; } } /*************************************about************************************/ /*page-tit*/ .page-tit{font-size:20px;color:#646464; } .page-tit h2{font-size:22px;color:#4b7bfc;padding-bottom:35px;padding-top:20px;} .page-tit h3{font-size:20px;color:#333333;font-weight:bold;} @media screen and (max-width:1220px) { .page-tit{font-size:18px;} .page-tit h2{font-size:28px;color:#000000;} .page-tit h3{font-size:18px;color:#333333;font-weight:bold;} } @media screen and (max-width:1024px) { .page-tit{font-size:16px;} .page-tit h2{font-size:24px;padding-bottom:10px;} .page-tit h3{font-size:16px;} } /*page-tit*/ .page-tit2{font-size:16px;color:#000000; text-align:center;} .page-tit2 span{display:inline-block; line-height:40px; vertical-align:middle;} .page-tit2 .en{ font-size:28px;color:#e60012; text-transform:uppercase;padding-right:17px;margin-right:10px;background:url(/Design/King-Tin/images/dd.jpg) right center no-repeat; background-size:5px;} @media screen and (max-width:1220px) { .page-tit2{font-size:15px;} .page-tit2 .en{font-size:26px;} } @media screen and (max-width:1024px) { .page-tit2{font-size:14px;} .page-tit2 .en{font-size:24px;} } @media screen and (max-width:992px) { .page-tit2 .en{font-size:20px;} } @media screen and (max-width:768px) { .page-tit2 .en{font-size:18px;} } .pageAbout{ padding-top:30px;} /*pageTable*/ .pageTable{ position:relative; margin-top:50px;} .pageTable td{width:50%;vertical-align:top;} .pageTable .td2{} .pageTable .td1 h2{font-size:22px;color:#4b7bfc;padding-bottom:35px;padding-top:20px;} .pageTable .td1 img{animation:scroll 1s ease infinite;-webkit-animation:scroll 1s ease infinite;-moz-animation:scroll 1s ease infinite;-ms-animation:scroll 1s ease infinite;-o-animation:scroll 1s ease infinite;} @media screen and (max-width:1220px){ .pageTable .td1 h1{ font-size:58px;} .pageTable .td1 h2{font-size:20px;} } @media screen and (max-width:1024px){ .pageTable .td1 h1{ font-size:50px;} .pageTable .td1 h2{font-size:20px;} .pageTable{ margin:30px 0;} .pageTable .td2, .pageTable .td1{ vertical-align:top; display:block!important; width:100%;} .pageTable .td2{padding-left:90px;} } @media screen and (max-width:768px){ .pageTable .td1 h1{ font-size:46px;} .pageTable .td1 h2{font-size:20px;} .pageTable .td1{padding-left:0px;} .pageTable .td2{padding-left:30px;} } .pageValue{ padding-top:60px;} .pageHistory{padding-top:60px;} /*pageshuju*/ .pageshuju{ padding-top:3%; max-width:1300px; margin:0 auto; margin-bottom:50px;} .pageshuju td{padding-top:10px; padding-bottom:10px; font-size:14px;color:#000000; line-height:30px; text-align:left;min-width:150px;} .pageshuju td img{width:140px; margin-bottom:25px;} .pageshuju td h2{font-size:24px;color:#e60012;font-weight:600; text-align:left;} .pageshuju td h2 strong{font-size:60px; line-height:normal;font-weight:600;font-family:"Swis721 BlkCn BT", Arial, Helvetica, sans-serif;color:#fff;background-image:-webkit-linear-gradient(18deg,#4f98fe,#4b7bfc);-webkit-background-clip:text;-webkit-text-fill-color:transparent} .pageshuju td h2 span{font-size:18px;font-weight:500;position:relative;top:0;vertical-align: top;margin-left:10px; color:#4b7bfc;} .pageshuju td h2 b{font-size:20px;font-weight:600;font-family:"Swis721 BlkCn BT", Arial, Helvetica, sans-serif;} @media screen and (max-width:1459px){ .pageshuju td img{width:130px;} .pageshuju td h2{font-size:22px;} .pageshuju td h2 strong{font-size:56px;} .pageshuju td h2 span{font-size:14px;top:-10px;margin-left:10px;} .pageshuju td h2 b{font-size:17px;} } @media screen and (max-width:1366px){ .pageshuju td img{width:120px;} .pageshuju td h2{font-size:20px;} .pageshuju td h2 strong{font-size:50px;} .pageshuju td h2 span{font-size:14px;top:-10px;margin-left:10px;} .pageshuju td h2 b{font-size:16px;} } @media screen and (max-width:1259px){.pageshuju{ margin-top:20px;} .pageshuju td{padding-left:0; padding-top:15px; padding-bottom:15px;} .pageshuju td img{position: static; left:0;top:0; width:140px; margin:0 auto; margin-bottom:30px;} .pageshuju td h2{font-size:20px;} .pageshuju td h2 strong{font-size:45px;} .pageshuju td h2 span{font-size:14px;top:-10px;margin-left:10px;} .pageshuju td h2 b{font-size:16px;} } @media screen and (max-width:1023px){ .pageshuju td h2{font-size:18px;} .pageshuju td h2 strong{font-size:40px;} .pageshuju td h2 span{font-size:12px;top:-10px;margin-left:10px;} .pageshuju td h2 b{font-size:16px;} .pageshuju td img{width:120px;margin-bottom:20px;} } @media screen and (max-width:767px){ .pageshuju td{ width:50%; float:left; display:block;padding-left:0; text-align:center; padding-top:20px; padding-bottom:20px;} .pageshuju td h2{ text-align:center;} .pageshuju td h2 strong{font-size:36px;} } /*pageHonor*/ .pageHonor{padding-top:115px;padding-bottom:90px;background: url("/Design/King-Tin/images/page-honorbg.jpg") center center no-repeat;background-size:cover;overflow:hidden;} .pageHonor-swiper{padding:0;padding-top:40px;} .pageHonor .w1540{position: relative;} .pageHonor-swiper .swiper-slide{ width:20%;} .pageHonor-swiper .swiper-slide a{display: block; margin:0 7.5px;background-color:#fff;padding:0 20px;} .pageHonor-swiper .swiper-slide a .picB{display: block;background-color:#fff;padding:33px 0; position:relative;} .pageHonor-swiper .swiper-slide a .picB:before, .pageHonor-swiper .swiper-slide a .picB:after{-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} .pageHonor-swiper .swiper-slide a .picB:before{content: '';display: block;width: 100%;height: 100%;background: url("/Design/King-Tin/images/honorbg.jpg") center center no-repeat;background-size:100% 100%;left: 0;top: 0;position: absolute;} .pageHonor-swiper .swiper-slide a .picB:after{content: '';color:#fff;font-size: 18px;display: block;width: 70px;height: 70px;line-height: 75px;text-align: center;box-sizing:content-box;border:3px solid rgba(255,255,255,.4);border-radius: 50%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;overflow: hidden;background-clip: content-box;opacity: 0;filter: alpha(opacity=0);-webkit-transform: scale(1.35);-ms-transform: scale(1.35);-o-transform: scale(1.35);transform: scale(1.35); background: url("../image/top-search.png") center center no-repeat #0c55ff;background-size:24px;} .pageHonor-swiper .swiper-slide a:hover .picB:before{background-color: rgba(255,255,255,0.2);} .pageHonor-swiper .swiper-slide a:hover .picB:after{opacity: .9;filter: alpha(opacity=90);-webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none;} .pageHonor-swiper .swiper-slide a .pic{display: block;position: relative;width: 100%;padding:45% 0;overflow: hidden;} .pageHonor-swiper .swiper-slide a .pic img{transition: 0.4s;position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: contain;} .pageHonor-swiper .swiper-slide a p{transition: 0.4s;padding: 20px 0;font-size:16px;color:#000000;line-height:20px;text-align:left; text-align:center;background-size:20px;border-top:1px solid #ccc;} .pageHonor-swiper .swiper-slide:hover a p{color:#0c55ff;} .pageHonor .pageHonor-btn{height:40px; text-align:center; position:relative;} .pageHonor .swiper-button-prev{transition: 0.4s;opacity: 1;width:40px;height:40px;top:0;left:auto;right:50.5%;background: url("../image/page-left.jpg") center center no-repeat;background-size:100%;outline: none; z-index:333;position:absolute; margin:0;} .pageHonor .swiper-button-next{transition: 0.4s;opacity: 1;width:40px;height:40px;top:0;right:auto;left:50.5%;background: url("/Design/King-Tin/images/page-right.jpg") center center no-repeat;background-size:100%;outline: none; z-index:333;position: absolute;margin:0;} .pageHonor .swiper-button-prev.swiper-button-disabled, .pageHonor .swiper-button-next.swiper-button-disabled{opacity:0.5;} @media screen and (max-width:1220px){ .pageHonor-swiper .swiper-slide{ width:25%;} .pageHonor-swiper .swiper-slide a .picB{padding:20px 0;} .pageHonor-swiper{margin-top:40px;} } @media screen and (max-width:1024px){ .pageHonor-swiper .swiper-slide{ width:33.333333%;} .pageHonor{background-attachment: inherit;height:auto;} .pageHonor{padding-top:50px;padding-bottom:50px;} .pageHonor-swiper{margin-top:30px;padding:0;} .pageHonor-swiper .swiper-slide a p{padding:10px 0;} .pageHonor-swiper .swiper-slide a .picB{padding:15px 0;} } @media screen and (max-width:768px){ .pageHonor{padding-top:30px;padding-bottom:50px;} .pageHonor-swiper .swiper-slide{ width:50%;} .pageHonor-swiper .swiper-slide a p{font-size: 14px;} } @media screen and (max-width:550px){ .pageHonor-swiper .swiper-slide{ width:100%;} } /*pageTitle*/ .pageTitle{ text-align:center; margin-bottom:70px;position:relative;} .pageTitle .cn{font-size:34px;color:#000000;line-height:normal;} .pageTitle .wz{font-size:18px;color:#7d7e8d;line-height:34px; padding-top:15px;} @media screen and (max-width: 1520px){ .pageTitle .cn{font-size:32px;} .pageTitle .wz{font-size:17px;line-height:32px; padding-top:13px;} } @media screen and (max-width:1400px) { .pageTitle .cn{font-size:30px;} } @media screen and (max-width: 1220px){ .pageTitle{margin-bottom:50px} .pageTitle .cn{font-size:26px;} .pageTitle .wz{font-size:16px;line-height:30px; padding-top:10px;} } @media screen and (max-width:1150px){ .pageTitle{margin-bottom:40px} .pageTitle .cn{font-size:24px;} } @media screen and (max-width:992px){ .pageTitle{margin-bottom:30px} .pageTitle .cn{font-size:20px;} } @media screen and (max-width:768px){ .pageTitle .wz{font-size:14px;line-height:26px; padding-top:5px;} } /********************************pageHistory********************************/ /*pageHistory*/ .pageHistory{background-color:#0c55ff;padding:5.5% 0;position:relative;overflow:hidden;} .pageHistory .pageTitle .cn{color:#fff;} .pageHistory .about-develop{background:#2787ef;position:relative;padding-top:7%;padding-bottom:5.5%} .pageHistory .about-develop-swiper,.pageHistory .swiper-slide{position:relative;} .pageHistory .swiper-slide{cursor:pointer} /*about-develop-swbot*/ .pageHistory .about-develop-swbot .swiper-wrapper{position:relative;} .pageHistory .about-develop-swbot .swiper-container::before{content:" ";position:absolute;left:50%;bottom:0;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-o-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);height:1px;width:100%;background-color:#fff;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;} .pageHistory .about-develop-swbot .swiper-container{width:100%;margin:0 auto} .pageHistory .about-develop-swbot .time{font-weight:700;font-size:18px;line-height:30px;color:#fff;text-align:center;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;padding-bottom:20px} .pageHistory .about-develop-swbot .swiper-slide::after{content:" ";position:absolute;width:7px!important;height:7px!important;background-color:#fff;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;border-radius:50%;left:50%;bottom:14px!important;transform:translateX(-50%);} .pageHistory .about-develop-swbot .swiper-slide::before{content:" ";position:absolute;width:1px!important;height:14px!important;background-color:#fff;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;left:50%;bottom:0px!important;transform:translateX(-50%);} /*about-develop-swbot active*/ .pageHistory .swiper-slide-thumb-active .time,.pageHistory .swiper-slide.active .time{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;font-size:20px;} .pageHistory .about-develop-swbot .swiper-slide-thumb-active::before,.pageHistory .about-develop-swbot .swiper-slide.active::before, .pageHistory .swiper-slide-thumb-active::after,.pageHistory .swiper-slide.active::after{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;} /*about-develop-swtop*/ .pageHistory .about-develop-swtop{ padding:0;padding-top:45px;max-width:900px; margin:0 auto;position:relative;} .pageHistory .about-develop-tpft{max-width:430px;text-align:center; margin:0 auto;} .pageHistory .about-develop-tpft .tit{font-size:24px;font-weight: bold;color:#fff; margin-bottom:20px;} .pageHistory .about-develop-tpft .dec{font-size:16px;line-height:30px;color:#fff;} .pageHistory .about-develop-tpimg{margin-top:35px;} .pageHistory .about-develop-tpimg img{ max-width:100%;} .pageHistory .swiper-button-next, .pageHistory .swiper-button-prev{width:30px;height:52px;background:url(../image/page-left2.png) no-repeat center center;background-size:100%; position:absolute;top:50%;} .pageHistory .swiper-button-next{background-image:url(../image/page-right2.png);} .pageHistory .swiper-button-prev.swiper-button-disabled, .pageHistory .swiper-button-next.swiper-button-disabled{opacity:0.1;} .pageHistory .swiper-button-next:hover, .pageHistory .swiper-button-prev:hover{opacity:.5} /*about-cirimg*/ .pageHistory .about-cirimg{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);display: block;max-width: 100%;width:100%; text-align:center;} .pageHistory .about-cirimg img{animation:rotaterotate 30s infinite linear} @keyframes rotaterotate{ 0%{transform:rotate(0)} 100%{transform:rotate(360deg)} } @media screen and (max-width:768px) { .pageHistory{padding:35px 0} .pageHistory>div{width:95%;margin:0 auto} .pageHistory .about-develop-swbot .time{font-size:16px;} .pageHistory .about-develop-tpft .tit{font-size:22px} .pageHistory .about-develop-tpft .dec{font-size:14px; line-height:26px;} .pageHistory .swiper-button-next,.pageHistory .swiper-button-prev{width:24px;height:42px;} } /************************************qalist************************************/ .pageJob{} .qalist{/*padding-top:50px;padding-bottom:100px;*/ } .qalist li{position:relative;border-bottom:1px solid #ededed;} .qalist li .title{padding:25px 40px;overflow:hidden;zoom:1;cursor:pointer;border-radius:5px;} .qalist li .title .Tit{} .qalist li .title span{font-size:20px; color:#4f535b; display:block; line-height:30px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .qalist li .title .close{display:block; width:40px; height:40px; overflow:hidden; position:absolute; top:20px; right:40px;border-radius:50%;} .qalist li .title .close span{display:block;overflow:hidden;width:100%;height:100%; position:absolute; top:0; right:0; text-indent:-9999px; background:url(../image/v.png) center center no-repeat; background-size:100%;transition: all 0.2s ease;} .qalist li .title.on{background-image:linear-gradient(-90deg,#4b7efa 0%,#55a7ff 100%);background-blend-mode:normal,normal; } .qalist li .title.on .Tit{color:#fff;} .qalist li .title.on .close span{-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);background:url(../image/v.png) center center no-repeat #fff;background-size:100%;} .qalist li .tmain{display:none;background:#fff;padding:60px 40px;font-size:16px;line-height:30px;color:#595959;border-top:1px solid #f1f1f1; position:relative;} .qalist li .tmain .btn{ padding-top:40px;} .qalist li .tmain .btn a{ width:115px;line-height:40px;border-radius:40px;display:inline-block; background:#4b7efa;color:#fff;text-align:center;box-shadow:0 2px 30px rgba(75,126,250,0.2);transition: all 0.2s ease;} .qalist li .tmain .btn a:hover{background:#55a7ff;} @media screen and (max-width:1220px){.qalist{/*padding-top:50px;padding-bottom:90px;*/} .qalist li .tmain{padding:30px 30px;font-size:14px; line-height:24px;} } @media screen and (max-width:1024px){.qalist{/*padding-top:40px;padding-bottom:70px;*/} .qalist li .title{padding:15px 30px;} .qalist li .title span{font-size:18px;} .qalist li .title .close{width:30px;height:30px;top:10px;right:30px;} .qalist li .tmain table td{ display:block!important;width:100%!important; padding:1.5% 0!important;} .qalist li .tmain table td:nth-child(1):after{ display:none;} } @media screen and (max-width:768px){.qalist{/*padding-top:30px;padding-bottom:50px;*/} .qalist li .title{padding:10px 30px;} .qalist li .title span{font-size:16px;} } /*pageHappy*/ .pageHappy{padding-top:85px;padding-bottom:85px; /*margin-bottom:60px;*/background: url("../image/page2-kuailebg.jpg") center center no-repeat;background-size:cover;overflow:hidden;} .pageHappy-swiper{padding:15px 66px;position: relative;} .pageHappy .w1540{position: relative;} .pageHappy-swiper .swiper-slide{ width:33.333333%; padding:10px 0;} .pageHappy-swiper .swiper-slide .item{display: block; margin:0 14px;background-color:#fff;border-radius:5px; overflow:hidden;font-size:14px;color:#646464;line-height:20px;} .pageHappy-swiper .swiper-slide .item .itemNr{ padding:40px 40px 20px 40px; min-height:140px;} .pageHappy-swiper .swiper-slide .item .line{ height:8px; width:100%;background-image:linear-gradient(-90deg,#4b7efa 0%,#55a7ff 100%);background-blend-mode:normal,normal;} .pageHappy-swiper .swiper-slide .item h2{width:100%;font-size:20px;color:#000000;line-height:30px;padding-bottom:10px;} .pageHappy-swiper .swiper-slide .item p{transition: 0.4s;} /**/ .pageHappy-swiper .swiper-slide .item{-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} .pageHappy-swiper .swiper-slide .item:hover{-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-o-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px);} /*swiper-button*/ .pageHappy .swiper-button-prev{transition: 0.4s;opacity: 1;width:50px;height:50px;top:50%;margin-top:-25px;left:0;background: url("../image/arrow-left.png") center center no-repeat;background-size:100%;outline: none; z-index:333;border-radius:50%; position:absolute;} .pageHappy .swiper-button-next{transition: 0.4s;opacity: 1;width:50px;height:50px;top:50%;margin-top:-25px;right:0;background: url("../image/arrow-right.png") center center no-repeat;background-size:100%;outline: none; z-index:333;border-radius:50%;position: absolute;} .pageHappy .swiper-button-prev.swiper-button-disabled, .pageHappy .swiper-button-next.swiper-button-disabled{opacity:0.5;} @media screen and (max-width:1220px){ } @media screen and (max-width:1024px){ .pageHappy-swiper .swiper-slide{ width:50%;} .pageHappy{padding-top:50px;padding-bottom:50px;} } @media screen and (max-width:768px){ .pageHappy{padding-top:50px;padding-bottom:50px;} .pageHappy-swiper .swiper-slide{width:100%;} .pageHappy-swiper .swiper-slide .item .itemNr{ padding:30px 20px 20px 20px; min-height:130px;} } @media screen and (max-width:550px){ .pageHappy-swiper .swiper-slide{ width:100%;} .pageHappy-swiper{padding:15px 40px;} .pageHappy .swiper-button-prev, .pageHappy .swiper-button-next{width:40px;height:40px;margin-top:-20px;} } /*pageshuju2*/ .pageshuju2{max-width:1300px; margin:0 auto; margin-top:45px;} .pageshuju2 td{padding-top:10px; padding-bottom:10px; font-size:14px;color:#000000; line-height:30px; text-align:left; width:35%; min-width:60px;} .pageshuju2 td img{width:140px; margin-bottom:25px;} .pageshuju2 td h2{font-size:24px;color:#e60012;font-weight:600; text-align:left;} .pageshuju2 td h2 strong{font-size:60px; line-height:normal;font-family:"Swis721 BlkCn BT", Arial, Helvetica, sans-serif; font-weight:800;color:#fff;background-image:-webkit-linear-gradient(18deg,#4f98fe,#4b7bfc);-webkit-background-clip:text;-webkit-text-fill-color:transparent} .pageshuju2 td h2 span{font-size:18px;font-weight:500;position:relative;top:0;vertical-align: top;margin-left:10px; color:#4b7bfc;} .pageshuju2 td h2 b{font-size:20px;font-weight:300;font-family:"Swis721 BlkCn BT", Arial, Helvetica, sans-serif;} @media screen and (max-width:1459px){ .pageshuju2 td img{width:130px;} .pageshuju2 td h2{font-size:22px;} .pageshuju2 td h2 strong{font-size:55px;} .pageshuju2 td h2 span{font-size:14px;top:-10px;margin-left:10px;} .pageshuju2 td h2 b{font-size:17px;} } @media screen and (max-width:1366px){ .pageshuju2 td img{width:120px;} .pageshuju2 td h2{font-size:20px;} .pageshuju2 td h2 strong{font-size:50px;} .pageshuju2 td h2 span{font-size:14px;top:-10px;margin-left:10px;} .pageshuju2 td h2 b{font-size:16px;} } @media screen and (max-width:1259px){ .pageshuju2 td{padding-left:0; padding-top:15px; padding-bottom:15px;} .pageshuju2 td img{position: static; left:0;top:0; width:140px; margin:0 auto; margin-bottom:30px;} .pageshuju2 td h2 strong{font-size:45px;} .pageshuju2{margin-top:25px;} } @media screen and (max-width:1220px){ .pageshuju2{margin-top:20px;} .pageshuju2 td h2 strong{font-size:45px;} .pageshuju2 td h2{font-size:20px;} .pageshuju2 td h2 span{font-size:14px;top:-10px;margin-left:10px;} .pageshuju2 td h2 b{font-size:16px;} } @media screen and (max-width:1023px){ .pageshuju2 td h2{font-size:22px;} .pageshuju2 td h2 strong{font-size:40px;} .pageshuju2 td h2 span{font-size:14px;top:-10px;margin-left:10px;} .pageshuju2 td h2 b{font-size:17px;} } @media screen and (max-width:768px){ .pageshuju2 td h2{font-size:18px;} .pageshuju2 td h2 strong{font-size:36px;} .pageshuju2 td h2 span{font-size:12px;top:-10px;margin-left:10px;} .pageshuju2 td h2 b{font-size:16px;} .pageshuju2 td img{width:120px;margin-bottom:20px;} } @media screen and (max-width:767px){ .pageshuju2 td{ width:50%; float:left; display:block;padding-left:0; text-align:center; padding-top:20px; padding-bottom:20px;} .pageshuju2 td h2{text-align:center;} } /*pageTeam*/ .pageTeam{ padding-bottom:80px; padding-top:30px;background: url("../image/page2-tubg.jpg") center center no-repeat;background-size:cover;overflow:hidden;} .pageTeamBox{ width:50%; float:left;} .pageTeamWz{ width:50%; float:right;} .pageTeamWz .pageTeamWzCon{ padding-left:16%; padding-top:8%} @media screen and (max-width:1440px){ .pageTeamWz .pageTeamWzCon{ padding-left:10%; padding-top:5%} } @media screen and (max-width:1220px){ .pageTeamWz .pageTeamWzCon{ padding-left:5%; padding-top:0%} } @media screen and (max-width:1024px){.pageTeam{ padding-bottom:50px; padding-top:30px;} .pageTeamBox{width:100%; float:none; margin-bottom:50px;} .pageTeamWz{ width:100%; float:none;} .pageTeamWz .pageTeamWzCon{ padding-left:0; padding-top:0} } /*teamListSW*/ .teamListSW{margin:0 auto; overflow:hidden;} .teamListSW ul{ font-size:0;} .teamListSW li{ display:inline-block;*display:inline;zoom:1;width:100%;vertical-align:top;} .teamListSW .item{display:block;position:relative; background:#fff;-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s; overflow:hidden;} .teamListSW .img{overflow:hidden;height:0;position: relative;border-radius:5px;padding-bottom:57.53246753246753%;} .teamListSW .img img{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);display: block;max-width: 100%; width: 100%; max-height: none; height: auto;} .teamListSW .item, .teamListSW .img img{-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;} .teamListSW .item:hover .imgBox img{-moz-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%); -webkit-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);-ms-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);} .teamListSW .swiper-pagination{ text-align:center;left:0;width: 100%; bottom:20px; z-index:2; line-height:0;} .teamListSW .swiper-pagination-bullet { opacity:1!important; width:8px; height:8px; text-align: center;background:#fff;border-radius:50%;margin:0 4px!important; } .teamListSW .swiper-pagination-bullet-active {background:#4b7bfc;} .pageTeam .swiper-button-prev{transition: 0.4s;opacity:0.5;width:50px;height:50px;top:50%;margin-top:-25px;left:3%;background: url("../image/arrow-left.png") center center no-repeat;background-size:100%;outline: none; z-index:333;border-radius:50%; position:absolute;} .pageTeam .swiper-button-next{transition: 0.4s;opacity:0.5;width:50px;height:50px;top:50%;margin-top:-25px;right:3%;background: url("../image/arrow-right.png") center center no-repeat;background-size:100%;outline: none; z-index:333;border-radius:50%;position: absolute;} .pageTeam .swiper-button-prev.swiper-button-disabled, .pageTeam .swiper-button-next.swiper-button-disabled{opacity:0;} /********************************Contact********************************/ /**Contact**/ .pageContactBox{ /*padding-top:30px;*/padding-bottom:0px!important;} .contactTable{ font-size:0;text-align:center; padding-top:10px;-moz-box-shadow:0 0px 10px rgba(0,0,0,0.05);-webkit-box-shadow:0 0px 10px rgba(0,0,0,0.05);box-shadow:0 0px 10px rgba(0,0,0,0.05); position:relative; z-index:10; } .contactTable .wz{ padding:40px 0;overflow:hidden; width:33.33333%;} .contactTable .wz{background:#fff;padding-bottom:95px; min-height:320px;padding-top:95px; font-size:16px;line-height:30px;color:#3b4048;margin:0 0px; overflow:hidden; padding-left:20px; padding-right:20px; position:relative;} .contactTable .wz img{ width:40px; display:inline-block; position:relative; z-index:1;} .contactTable .wz h2{ font-size:22px; color:#333333; line-height:30px; position:relative; z-index:1; font-weight:bold; margin-bottom:14px;} .contactTable .wz h5{ font-size:16px; color:#4b7bfc; position:relative; z-index:1;font-weight:300;} .contactTable .wz p{ font-size:14px; color:#000000; position:relative; z-index:1;font-weight:300;} .contactTable .wz,.contactTable .wz img{position:relative;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;-ms-transition: all 0.3s;transition: all 0.3s;} .contactTable .wz:hover img{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);-o-transform:translateY(-8px);-ms-transform:translateY(-8px);transform:translateY(-8px);} .contactTable .wz p strong{ font-size:18px; color:#4b7bfc; font-weight:bold;} .contactTable .wz:hover{-moz-box-shadow:0 20px rgba(0,0,0,0.2);-webkit-box-shadow:0 20px rgba(0,0,0,0.2);box-shadow:0 0px 20px rgba(0,0,0,0.2);} .contactTable .wz:hover:before{ width:100%;left:0;top:0; height:100%;margin-left:0;border-radius:0;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; visibility:visible;} .contactTable .wz.td3 table{ margin:0 auto; max-width:250px;} .contactTable .wz.td3 table img{ width:100%;} .contactTable .wz.td3{ background-image:url("../image/page3-line.jpg"); background-repeat:no-repeat; background-position:left center; } .contactTable .wz.td2{ background-image:url("../image/page3-line.jpg"); background-repeat:no-repeat; background-position:left center;} @media screen and (max-width:1024px) { .contactTable .wz h2{ font-size:16px;} .contactTable .wz{padding-bottom:65px;min-height:180px;padding-top:65px;font-size:14px;} .contactTable .wz p{ font-size:14px;} .contactTable .wz img{ width:35px;} } @media screen and (max-width:992px) { .contactTable .wz{padding-bottom:45px;padding-top:45px;min-height:146px;line-height:24px;} .contactTable .wz h2{line-height:24px;} } @media screen and (max-width:768px) { .contactTable .wz{padding:35px 0; display:block!important; width:100%!important; } } /**/ .pageMapB{overflow:hidden; position:relative; z-index:0;margin-top:-150px;} .pageMap{height:28.125vw;} @media screen and (max-width:1024px) { .pageMapB{margin-top:-100px;} } @media screen and (max-width:992px) { .pageMapB{margin-top:-90px; } } @media screen and (max-width:768px){ .pageMapB{margin-top:-50px; } .pageMap{height:50vw;} } /*feedback2Box*/ .feedback2Box{padding-top:60px;padding-bottom:60px;background:url(../image/contact-contactbg.jpg) center top no-repeat #f4f7fc; background-size:cover; background-attachment:fixed;} .feedback2Box .contact-con{ font-size:0;} .feedback2Box .pageT1{ max-width:80%; margin:0 auto; line-height:24px; color:#fff;} .feedback2Box .pageT1 .en{margin-bottom:10px;color:#fff;} /*feedback2*/ .feedback2{font-size:14px;color:#464646;line-height:30px;text-align:left;padding:0;margin:0 -6.5px;} .feedback2 label{display:block;} .feedback2 .l1{float:left;width:33.3333333%; position:relative;} .feedback2 .l1Box{margin:0 6.5px; position:relative;} .feedback2 .l1Box .icon{ position: absolute; width:20px; top:20px; left:20px;} .feedback2 .text{display:block;width: 100%;padding:4px 18px 4px 47px;height:60px;margin-bottom:15px;outline:none;font-size:16px;color:#9ea0ae;font-family:"微软雅黑",Arial,Sans-Serif;border:1px solid #fff;border-radius:0px;background:#fff;text-align:left;} .feedback2 .text2{display:block;width:100%;padding:14px 18px 4px 47px;height:210px;margin-bottom:15px;outline:none;font-size:16px;color:#9ea0ae;font-family:"微软雅黑",Arial,Sans-Serif;border:1px solid #fff;border-radius:0px;background:#fff;text-align:left;} .feedback2 .getcode{display:block;width:32%;padding:4px 18px 4px 47px;height:60px;margin-bottom:15px;outline:none;font-size:16px;color:#9ea0ae;font-family:"微软雅黑",Arial,Sans-Serif;border:1px solid #fff;border-radius:0px;background:#fff;text-align:left; float:left;max-width:200px;} .feedback2 img{display:inline-block;} .feedback2 .kk{font-size:14px;color:#a0a0a0; line-height:30px;height:60px;padding:0 15px;float:left; background:#fff; display:inline-block;} .feedback2 .kk img{ margin-top:15px;} .feedback2 .l3{ position:relative;} .feedback2 .inputbtn{display:inline-block;height:50px;line-height:50px;margin:0 auto;outline:none;font-size:14px;background:#4b7efa;color:#fff;font-family:"微软雅黑",Arial,Sans-Serif;border:0;cursor:pointer;border-radius:44px;text-align:center;background-position:right center;width:142px;transition: all 0.2s ease; margin-top:35px;} .feedback2 .inputbtn:hover, .feedback2 .inputbtn.tj:hover{box-shadow:0 2px 40px rgba(75,126,250,0.3);} .feedback2 .text:focus,.feedback2 .text:active,.feedback2 .text2:focus,.feedback2 .text2:active,.feedback2 .getcode:focus,.feedback2 .getcode:active{-webkit-box-shadow: none;box-shadow: none;border: 2px solid #4e8afb; } .feedback2 input::-webkit-input-placeholder { color: #9ea0ae;font-size:16px; } .feedback2 input:-moz-placeholder { color: #9ea0ae; font-size:16px;} .feedback2 input::-moz-placeholder { color: #9ea0ae;font-size:16px; } .feedback2 input:-ms-input-placeholder { color: #9ea0ae; } .feedback2 textarea::-webkit-input-placeholder { color: #9ea0ae; font-size:16px;} .feedback2 textarea:-moz-placeholder { color: #9ea0ae;font-size:16px; } .feedback2 textarea::-moz-placeholder { color: #9ea0ae; font-size:16px;} .feedback2 textarea:-ms-input-placeholder { color: #9ea0ae; font-size:16px;} @media screen and (max-width:1024px) { .feedback2Box{padding-top:70px;padding-bottom:70px;background-attachment: inherit;} } @media screen and (max-width:768px) { .feedback2Box{padding-top:50px;padding-bottom:50px;} .feedback2 .l1{width:100%;} .feedback2 .inputbtn{ float:none; display:block; clear:both;} .feedback2 .text, .feedback2 .getcode{height:40px;margin-bottom:10px;} .feedback2 .text2{ height:120px; padding-top:15px;margin-bottom:10px;} .feedback2 .getcode{ margin-bottom:40px;max-width:200px;width:40%;} .feedback2 .l1Box .icon{top:10px;} .feedback2 .kk{font-size:14px;color:#a0a0a0; line-height:30px;height:40px;padding:0 15px;float:left; background:#fff; display:inline-block;} .feedback2 .kk img{ margin-top:5px;} } /*feedback2Box2*/ .feedback2Box2 .feedback2 .text{height:50px;margin-bottom:10px;} .feedback2Box2 .feedback2 .text2{height:100px;margin-bottom:10px;padding:4px 18px 4px 47px;} .feedback2Box2 .feedback2 .getcode{height:50px;margin-bottom:10px;} .feedback2Box2 .feedback2 .kk{height:50px;} .feedback2Box2 .feedback2 .kk img{ margin-top:10px;} .feedback2Box2 .feedback2 .l1Box .icon{top:15px;} .feedback2Box2 .feedback2 .l2 .l1Box .icon{top:10px;} .feedback2Box2 .feedback2 .inputbtn{ margin-top:15px;} @media screen and (max-width:768px) { .feedback2Box2 .feedback2 .text2{height:100px;padding-top:10px;} } /*pageBrandlist*/ .pageBrand{padding-top:60px;padding-bottom:60px;background:#e9ecf3;} .pageBrandlist{} .pageBrandlist{position:relative; z-index:1; padding:15px 0;} .pageBrandlist ul{ margin:0 auto; font-size:0; overflow:hidden;line-height:0;border-top:4px solid #4b7efa;background: #fff;} .pageBrandlist li{ display:inline-block;*display:inline;zoom:1; vertical-align:top; width:33.3333333%;border-bottom:1px solid #e9ecf3;} .pageBrandlist li .item{display:block;color:#000000;font-size:16px;padding:80px 50px;overflow:hidden; background-color:#fff;} .pageBrandlist li .item{ background-image:url(../image/page3-sd.jpg);background-repeat:no-repeat; background-position:left center;} .pageBrandlist li .item span{ display:inline-block;position:relative; z-index:2;} .pageBrandlist li .item,.pageBrandlist li .des{-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;} .pageBrandlist li .tit{ font-size:22px; color:#4b7efa;line-height:normal; position:relative; z-index:1; font-weight:bold;} .pageBrandlist li .tit em{ display:block; font-style:normal; font-size:15px; line-height:normal; color:#7d7e8d;font-weight:400; padding-top:5px;} .pageBrandlist li .tu{ float:right; max-width:50%;} .pageBrandlist li .tu img{ max-height:70px;} .pageBrandlist li .title{ padding-bottom:30px;border-bottom:1px solid #e9eaee; margin-bottom:16px;} .pageBrandlist li .name{ font-size:16px; color:#4b7bfc; position:relative; z-index:1;font-weight:300;} .pageBrandlist li .des{ font-size:20px; color:#ffffff; padding:14px 14px; line-height:22px;font-weight:300;background-image:linear-gradient(-90deg,#4b7efa 0%,#55a7ff 100%);background-blend-mode:normal,normal;border-radius:5px;} .pageBrandlist li .des .num{ float:right;font-weight:400;} .pageBrandlist li .item:hover .des{background-image:linear-gradient(90deg,#4b7efa 0%,#004aff 100%);} .pageBrandlist li .tu, .pageBrandlist li .tu img{-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;} .pageBrandlist li .item:hover .tu img{-moz-transform: scale3d(1.05, 1.05, 1.05); -webkit-transform: scale3d(1.05, 1.05, 1.05);-ms-transform: scale3d(1.05, 1.05, 1.05);transform: scale3d(1.05, 1.05, 1.05);} @media screen and (max-width:1024px) { .pageBrandlist li{ width:50%;} .pageBrandlist li .tit{ font-size:20px;} .pageBrandlist li .name{ font-size:14px;} .pageBrandlist li .des{ font-size:16px;} .pageBrandlist li .item{font-size:14px;padding:50px 40px;} } @media screen and (max-width:768px) { .pageBrandlist li{ width:100%;} } /********************************Contact end********************************/ /********************************case********************************/ /*pageCaseList*/ .pageCaseList {overflow: hidden; padding-top:30px;} .pageCaseList ul{overflow:hidden;display:block;font-size:0;line-height:0;margin:0 -40px;} .pageCaseList ul li{width:33.33333333%;margin-bottom:60px;display:inline-block;*display:inline;zoom:1;vertical-align:top;} .pageCaseList ul li .item{ display:block;margin:0 40px;position:relative;} .pageCaseList ul li .item:before{content:'';width:100%;height:1px;background:#e0e1e5;position:absolute;bottom:0;left:0;} .pageCaseList ul li .item:after{content:'';width:0;height:1px;background:#4f7efc;position:absolute;bottom:0;left:0;} .pageCaseList ul li .imgBox{overflow:hidden;height:0;position:relative;border-radius:5px;padding-bottom:54.34782608695652%;} .pageCaseList ul li .imgBox img{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);display: block;max-width: 100%; width: 100%; max-height: none; height: auto;} .pageCaseList ul li .item:before,.pageCaseList ul li .item:after,.pageCaseList ul li .imgBox,.pageCaseList ul li .imgBox img, .pageCaseList ul li .item{-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all .3s ease-in-out;} .pageCaseList ul li .item:hover .imgBox img{-moz-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);-webkit-transform:scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);-ms-transform:scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);transform:scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);} .pageCaseList ul li .item:hover:after{width:100%;} .pageCaseList ul li .infoBox{padding:30px 0;} .pageCaseList ul li .title{font-weight:normal;font-size:20px;color:#000000;max-height:52px;line-height:26px;overflow:hidden;margin-bottom:10px;} .pageCaseList ul li .date{font-size:14px;line-height:22px;color:#9ea0ae; margin-bottom:14px;} .pageCaseList ul li .more{font-size:15px;line-height:22px;color:#4f7efc;} .pageCaseList ul li .item:hover .title{color:#000;} @media screen and (max-width:1440px){ .pageCaseList ul{margin:0 -35px;} .pageCaseList ul li .item{margin:0 35px;} } @media screen and (max-width:1220px){ .pageCaseList ul{margin:0 -25px;} .pageCaseList ul li .item{margin:0 25px;} .pageCaseList ul li .title{font-size:18px;} } @media screen and (max-width:1024px){ .pageCaseList ul{margin:0 -15px;} .pageCaseList ul li .item{margin:0 15px;} .pageCaseList ul li{width:50%;} .pageCaseList ul li .title{font-size:16px;} } @media screen and (max-width:768px){ .pageCaseList ul{margin:0;} .pageCaseList ul li .item{margin:0;} .pageCaseList ul li{width:100%;} .pageCaseList ul li .title{font-size:18px;} } /*page-tab*/ .page-tab{margin:0 auto;padding:33px 0 50px 0;text-align: center; } .page-tab ul { margin:0 auto;padding: 0;list-style: none; text-align:center;height:44px;line-height:44px;font-size: 0;} .page-tab ul li{margin: 0;padding: 0;display: inline-block;position: relative;height:44px;line-height: 44px;} .page-tab ul li a{display: inline-block;text-align: center;font-size: 12px;color: #1e2831;padding: 0 18px;margin:0 4px;height:42px;line-height:42px;border: 1px solid #d2d2d2;background: #ffffff;} .page-tab ul li a:hover,.page-tab ul li a.focus{background:#085cc1;color: #fff;border-color:#085cc1;} .page-tab ul li.next-page a, .page-tab ul li.prev-page a{padding: 0 36px;} @media screen and (max-width:1024px){ .page-tab{margin:0 auto;padding:30px 0 30px 0;text-align: center; } } @media screen and (max-width:768px){ .page-tab ul li{ display:none;} .page-tab ul li.next-page, .page-tab ul li.prev-page{ display:inline-block;} } /*page-caseInfo*/ .page-caseInfoBox{ background:#f7f7f7;padding-top:20px;padding-bottom:40px;} .page-caseInfoCon{ max-width:1150px; margin:0 auto;} .page-caseInfo{text-align:left;margin-right:30px;} .page-caseInfo .page-casewz{background:#fff;} .page-caseInfo .newsTit{font-size:30px; color:#000000; line-height: normal;font-weight:400;text-align:center; padding:60px 30px;border-bottom:1px solid #f6f8fa;} /*newsText*/ .page-caseInfo .newsText{color: #333333;font-size: 16px;line-height:32px;padding-bottom: 60px;font-style: normal;font-variant: normal;font-weight: 400;} .page-caseInfo .newsTextNr{padding-bottom:20px;padding:50px 50px;} .page-caseInfo .newsBtn{padding-top:20px;padding-bottom:20px;font-size:0;} .page-caseInfo .newsBtn .newsBtnA{display:inline-block;*display:inline;zoom:1;width:48%;overflow:hidden;color:#909090;float:left; text-align:center; font-size:0;} .page-caseInfo .newsBtn .newsBtnB{display:inline-block;*display:inline;zoom:1;width:48%;overflow:hidden;color:#909090;float:right;text-align:center; font-size:0;} .page-caseInfo .newsBtn .newsBtnA em, .page-caseInfo .newsBtn .newsBtnB em{ font-style:normal;} .page-caseInfo .newsBtn a{display:block;color:#333333;font-size:15px;line-height:64px; height:64px;white-space:nowrap;text-overflow: ellipsis; overflow: hidden; background:#fff; padding:0 50px; text-align:center;} .page-caseInfo .newsBtn a:hover{color:#0067ff;} .page-caseInfo .newsBtn .newsBtnA{text-align:left;} .page-caseInfo .newsBtn .newsBtnB{ text-align:right;} .page-caseInfo .newsBtn a srtong{ color:#333333;} @media screen and (max-width:1520px) { .page-caseInfo .newsTit{font-size:28px;} } @media screen and (max-width:1220px) { .page-caseInfo .newsTit{font-size:26px;} .page-caseInfo .newsTit{font-size:30px;padding:30px 10px;} .page-caseInfo .newsTextNr{padding-bottom:20px;padding:30px 10px;} } @media screen and (max-width:1024px) { .page-caseInfo .newsTit{font-size:24px;} .page-caseInfoCon{padding-right:0;} .page-caseInfo{margin-right:0;} } @media screen and (max-width:992px) { .page-caseInfo .newsShuju, .page-caseInfo .newsTit,.page-caseInfo .newsText{ margin-bottom:30px;} .page-caseInfo .newsTit{ font-size:20px;width:auto;} .page-caseInfo .newsText{ padding-bottom:0;} .page-caseInfo .page-casewz{margin-bottom:0; padding:30px 15px;} } @media screen and (max-width:768px) { .page-caseInfoBox{padding-top:20px;padding-bottom:20px;} .page-caseInfo{text-align:left; width:100%; float:none; margin-bottom:30px;} .page-caseInfo .newsBtn .newsBtnA em, .page-caseInfo .newsBtn .newsBtnB em{ display:none;} .page-caseInfo .page-casewz{ padding:30px 15px;} .page-caseInfo .newsShuju, .page-caseInfo .newsShuju em{font-size:12px;line-height:26px;} .page-caseInfo .newsText{font-size:15px;line-height:28px;} .page-caseInfo .newsBtn a{font-size:14px;line-height:50px; height:50px;padding:0 0px;} } /*page-back*/ .page-back{margin:0 auto;text-align:center;} .page-back a{display:block;width:100%;font-size:15px;overflow:hidden;line-height:64px;height:64px;text-align:center;color: #333333;margin:0 auto;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s; background:#fff; position:relative;} .page-back a span{ display:inline-block; position:relative; z-index:2;overflow:hidden;padding-right:25px;background: url(../image/page-back.png) right center no-repeat;background-size: 15px;} @media screen and (max-width:768px) { .page-back a{font-size:14px;line-height:54px;height:54px;} .page-back a span{ padding-right:20px;background-size: 12px;} } /*news-share*/ .news-share{padding-bottom:30px;position:relative; display:none;} .news-share .iconfont {width:25px; height:25px;font-size:20px;display:inline-block; margin-right:20px;} .news-share .icon-weixin{background: url(../image/share-1.png) left center no-repeat;background-size:20px;} .news-share .icon-weibo{background: url(../image/share-2.png) left center no-repeat;background-size:20px;} .news-share .icon-lianjie{background: url(../image/share-3.png) left center no-repeat;background-size:20px;margin-right:0!important;} /*icon-weixin cover-share*/ #cover-share{position:fixed;background-color:rgba(255,255,255,.8);width:100%;top:0;left:0;z-index:100000; display:none;} #qrCode{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto} .cover-cancel{position:absolute;top:40px;right:40px;width:40px;height:40px;background: url(/Design/King-Tin/images/close.png) center center no-repeat;background-size: 15px;} .news-detial-cover{width:100%;height:225px;position:absolute;top:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent)} /*icon-lianjie copy-success-message*/ .copy-success-message{width:80px;line-height:24px;position:absolute;border:1px solid #e3e3e3;text-align:center;font-size:12px!important;top:-32px;left:70px} .copy-success-message:after,.copy-success-message:before{content:'';position:absolute;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;left:36px} .copy-success-message:after{border-top:6px solid #e3e3e3;top:25px} .copy-success-message:before{border-top:6px solid #fff;top:23px;z-index:1000} /********************************news********************************/ .page-newsHot{ padding-top:30px;} /*newsHotImgBox*/ .newsHotBox{margin:0 auto;position:relative;margin-bottom:90px; background:#fff;} .newsHotBox .newsHotImgBox{width:37.66233766233766%;height:auto; float:right; text-align:left; overflow:hidden;} .newsHotBox .newsHotImgBox .swiper-slide{width:100%;background:#fafafa;} .newsHotBox .newsHotImgBox .ImgBox{overflow:hidden;padding-bottom:81.03448275862069%; position:relative;} .newsHotBox .newsHotImgBox .ImgBox img {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);display: block;max-width: none;height: 100%;} .newsHotBox .newsHotImgBox a, .newsHotBox .newsHotImgBox .ImgBox, .newsHotBox .newsHotImgBox .ImgBox img{-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} .newsHotBox .newsHotImgBox .ImgBox:hover img{-webkit-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);-moz-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%); -o-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);-ms-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);} /*newsHotList*/ .newsHotBox .newsHotlunboBox{width:62.33766233766234%;position:absolute;left:0;top:0; height:100%;} .newsHotBox .newsHotlunbo{width:100%;position:absolute; left:0;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);} .newsHotBox .newsHotList{font-size:0; line-height:0; } .newsHotBox .newsHotList li{width:100%; display:block;background:#fff;padding:50px 50px 50px 120px;} .newsHotBox .newsHotList li, .newsHotBox .newsHotList li a{-moz-transition: all .3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;transition: all .3s ease-in-out;} .newsHotBox .newsHotList li .info{position:relative;} .newsHotBox .newsHotList li .infoB{ max-width:610px;} .newsHotBox .newsHotList li .info .nr{ padding-left:87px; position:relative;} .newsHotBox .newsHotList li .tit{ display:block;font-size:26px;line-height:40px;height:80px;color:#4f7efc;overflow:hidden;margin-bottom:30px;} .newsHotBox .newsHotList li .des{font-size:15px;color:#333333;line-height:30px;height:90px;overflow:hidden;font-weight:300;margin-bottom:64px} .newsHotBox .newsHotList li .date{font-size:28px;line-height:30px;color:#000000; position:absolute; left:0;top:5px;} .newsHotBox .newsHotList li .date span{display:block} .newsHotBox .newsHotList li .date .d{ } .newsHotBox .newsHotList li .date .line{line-height:10px;} .newsHotBox .newsHotList li .date .y{font-size:14px; margin-top:20px;} .newsHotBox .newsHotList li .tit:hover{color:#6432ff;} .newsHotBox .newsHotList li .more{font-size:15px;color:#b4b5bd;font-weight:400;padding-bottom:56px} /*swiper-button*/ .page-newsHot .swiper-button-prev{position:absolute;left:4.5%;top:50%;opacity:1;width:24px;height:42px;margin-top:-21px;background:url("../image/index-left.png") center center no-repeat;background-size:100%;z-index:2;outline:none;} .page-newsHot .swiper-button-next{position:absolute;right:4.5%;top:50%;opacity:1;width:24px;height:42px;margin-top:-21px;background:url("../image/index-right.png") center center no-repeat;background-size:100%;z-index:2;outline:none;} .page-newsHot .swiper-button-prev.swiper-button-disabled, .page-newsHot .swiper-button-next.swiper-button-disabled{opacity:0.5;} /**/ .page-newsHot .swiper-pagination{ position: absolute; bottom:20px;left:120px; text-align:left; margin:0;} .page-newsHot .swiper-container-horizontal>.swiper-pagination-bullets, .page-newsHot .swiper-pagination-custom, .page-newsHot .swiper-pagination-fraction{bottom:0;} .page-newsHot .swiper-pagination-bullet{width:8px;height:8px;background-color:#fff;border-radius:50%;opacity:1;border:2px solid #b4b5bd;} .page-newsHot .swiper-pagination-bullet-active{background-color:#4f7efc;border-color:#4f7efc;} @media screen and (max-width:1220px){ .newsHotBox .newsHotList li .tit{font-size:24px;} .newsHotBox .newsHotList li .date{font-size:26px;} } @media screen and (max-width:1024px){ .newsHotBox .newsHotList li .tit{font-size:22px;line-height:32px;height:64px;} .newsHotBox .newsHotList li .date{font-size:24px;} .newsHotBox .newsHotList li .des{font-size:14px;margin-bottom:30px;} .newsHotBox .newsHotList li .more{font-size:12px;padding-bottom:50px} } @media screen and (max-width:992px){ .newsHotBox .newsHotImgBox{width:100%;float:none;} .newsHotBox .newsHotlunboBox{width:100%;position: static; left:0%;height:auto; margin-bottom:30px;} .newsHotBox .newsHotlunbo{width:100%;position:static; left:0;top:0;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0); margin-bottom:30px;} .page-newsHot .newsHotlunbobtn{position: static; left:0%; bottom:0;} .newsHotBox .newsHotList li {padding:0.5rem 30px;} .page-newsHot .swiper-button-prev, .page-newsHot .swiper-button-next{} .newsHotBox .newsHotList li .tit{font-size:20px;} } @media screen and (max-width:768px){ .newsHotBox .newsHotList li .info .nr{ padding-left:60px;} .page-newsHot .swiper-pagination{ left: 30px;}.newsHotBox .newsHotList li .date{font-size:20px;} .newsHotBox .newsHotList li .tit{font-size:18px;line-height:30px;max-height:60px;margin-bottom:20px;} .newsHotBox .newsHotList li .des{font-size:14px;margin-bottom:30px;} .newsHotBox .newsHotList li .more{font-size:12px;padding-bottom:50px} } /*pageNewsList*/ .pageNewsList {overflow: hidden;} .pageNewsList ul{overflow:hidden;display:block;font-size:0;line-height:0;margin:0 -40px;} .pageNewsList ul li{width:33.33333333%;margin-bottom:60px;display:inline-block;*display:inline;zoom:1;vertical-align:top;} .pageNewsList ul li .item{ display:block;margin:0 40px;position:relative; padding:55px 30px 30px 30px;border-radius:5px;} .pageNewsList ul li .item:before{content:'';width:100%;height:1px;background:#e0e1e5;position:absolute;top:0;left:0;} .pageNewsList ul li .imgBox{overflow:hidden;height:0;position:relative;border-radius:5px;padding-bottom:62.5%;} .pageNewsList ul li .imgBox img{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);display: block;max-width:none; width:100%; max-height: none; height:100%;object-fit:cover;} .pageNewsList ul li .item:before,.pageNewsList ul li .item:after,.pageNewsList ul li .imgBox,.pageNewsList ul li .imgBox img, .pageNewsList ul li .item{-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all .3s ease-in-out;} .pageNewsList ul li .item:hover .imgBox img{-moz-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);-webkit-transform:scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);-ms-transform:scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);transform:scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);} .pageNewsList ul li .item:hover:after{width:100%;} .pageNewsList ul li .infoBox{ padding-top:30px;} .pageNewsList ul li .title{font-weight:normal;font-size:20px;color:#000000;height:60px;line-height:30px;overflow:hidden;margin-bottom:70px;} .pageNewsList ul li .date{font-size:14px;line-height:22px;color:#000000; margin-bottom:14px;} .pageNewsList ul li .more{font-size:15px;line-height:22px;color:#b4b5bd; float:right;} .pageNewsList ul li .item:hover{ background:#fff;box-shadow:0 2px 30px rgba(0,0,0,0.1)} .pageNewsList ul li .item:hover .more{color:#4f7efc;} @media screen and (max-width:1640px){ .pageNewsList ul{margin:0 -35px;} .pageNewsList ul li .item{margin:0 35px;} } @media screen and (max-width:1440px){ .pageNewsList ul{margin:0 -25px;} .pageNewsList ul li .item{margin:0 25px;} } @media screen and (max-width:1220px){ .pageNewsList ul li .title{font-size:18px;height:56px;line-height:28px;margin-bottom:50px;} .pageNewsList ul li .date{font-size:13px;} .pageNewsList ul li .more{font-size:14px;} } @media screen and (max-width:1024px){ .pageNewsList ul{margin:0 -15px;} .pageNewsList ul li .item{margin:0 15px;} .pageNewsList ul li{width:50%;} .pageNewsList ul li .title{font-size:16px;height:56px;line-height:28px;margin-bottom:50px;} } @media screen and (max-width:768px){ .pageNewsList ul{margin:0;} .pageNewsList ul li .item{margin:0;} .pageNewsList ul li{width:100%;} .pageNewsList ul li .title{font-size:17px;height:56px;line-height:28px;margin-bottom:30px;} .pageNewsList ul li .date{font-size:13px;} .pageNewsList ul li .more{font-size:13px;} } /*page-newsRight*/ .page-newsRight{width:340px; position:absolute;right:0;top:0;} .page-newsRight .more-main{background-color:#fff;padding:40px 40px 0;color:#B3B3B3} .page-newsRight .product-tag{margin-top:40px;background-color:#fff;padding-bottom:26px} .page-newsRight .product-tag .product-img{width:300px;height:200px} .page-newsRight .product-tag .product-name{text-align:center;padding-top:12px;color:#666;font-size:16px;line-height:16px} .page-newsRight .product-tag .product-tips{font-size:14px;margin:16px auto 0;display:block;color:#b3b3b3;text-align:center;cursor:pointer;line-height:30px;width:100px;border-radius:15px;border:1px solid #f5f5f5} .news-more-explain{font-size:20px;line-height:20px;padding-bottom:30px;color:#000000} .news-more-content{padding-bottom:18px} .news-more-title{font-size:15px;line-height:24px; color:#333333;} .news-more-time{font-size:14px;line-height:24px; color:#b4b5bd;} .news-more-content:hover .news-more-title{color:#0067ff;} @media screen and (max-width:1024px) { .page-newsRight{ position:relative;width:100%;} } @media screen and (max-width:768px) { .page-newsRight .more-main{padding:30px 25px 0;} .news-more-explain{font-size:16px;padding-bottom:20px;} .news-more-content{padding-bottom:15px} .news-more-title{font-size:14px;line-height:24px;} .news-more-time{font-size:12px;line-height:24px;} } /*page-newsInfo*/ .page-newsInfo2Box2{ background:#f7f7f7; padding-top:40px;padding-bottom:40px;} .page-newsInfo2Con2{position:relative;padding-right:340px;} .page-newsInfo2{text-align:left;margin-right:30px;} .page-newsInfo2 .page-newswz{ background:#fff;} .page-newsInfo2 .page-newsTit{padding:50px 50px;border-bottom:1px solid #f6f8fa;} .page-newsInfo2 .newsTit{font-size:30px; color:#000000; line-height: normal; text-align:left;font-weight:400;} .page-newsInfo2 .newsShuju{ font-size:14px; color:#646464;line-height:30px;text-align:left;margin-bottom:35px; } .page-newsInfo2 .newsShuju em{ display:inline-block;font-size:14px; color:#646464;line-height:30px; font-style:normal;} .page-newsInfo2 .newsShuju .d{margin-right:40px;} .page-newsInfo2 .newsShuju .s{} /*newsText*/ .page-newsInfo2 .newsTextBox{color: #333;font-size: 16px;line-height:32px;padding-bottom: 60px;font-style: normal;font-weight: 400;} .page-newsInfo2 .newsTextNrBox{padding:50px 50px;} .page-newsInfo2 .newsBtn{padding-top:20px;padding-bottom:20px;font-size:0;} .page-newsInfo2 .newsBtn .newsBtnA{display:inline-block;*display:inline;zoom:1;width:48%;overflow:hidden;color:#909090;float:left; text-align:center; font-size:0;} .page-newsInfo2 .newsBtn .newsBtnB{display:inline-block;*display:inline;zoom:1;width:48%;overflow:hidden;color:#909090;float:right;text-align:center; font-size:0;} .page-newsInfo2 .newsBtn .newsBtnA em, .page-newsInfo2 .newsBtn .newsBtnB em{ font-style:normal;} .page-newsInfo2 .newsBtn a{display:block;color:#333333;font-size:15px;line-height:64px; height:64px;white-space:nowrap;text-overflow: ellipsis; overflow: hidden; background:#fff; padding:0 50px; text-align:center;} .page-newsInfo2 .newsBtn a:hover{color:#0067ff;} .page-newsInfo2 .newsBtn .newsBtnA{text-align:left;} .page-newsInfo2 .newsBtn .newsBtnB{ text-align:right;} .page-newsInfo2 .newsBtn a srtong{ color:#333333;} @media screen and (max-width:1520px) { .page-newsInfo2 .newsTit{font-size:28px;} } @media screen and (max-width:1220px) { .page-newsInfo2 .newsTit{font-size:26px;} .page-newsInfo2 .newsTextNrBox{padding:40px 25px;} .page-newsInfo2 .page-newsTit{padding:50px 25px;} .page-newsInfo2 .newsTextNr{padding-bottom:20px;padding:50px 25px;} } @media screen and (max-width:1024px) { .page-newsInfo2 .newsTit{font-size:24px;} .page-newsInfo2Con2{padding-right:0;} .page-newsInfo2{margin-right:0;} } @media screen and (max-width:992px) { .page-newsInfo2 .newsShuju, .page-newsInfo2 .newsTextBox{margin-bottom:30px;} .page-newsInfo2 .newsTit{ font-size:20px;width:auto;} .page-newsInfo2 .newsTextBox{padding-bottom:30px;} } @media screen and (max-width:768px) { .page-newsInfo2Box2{padding-top:20px;padding-bottom:20px;} .page-newsInfo2 .newsTextNrBox{padding:30px 20px;} .page-newsInfo2 .page-newsTit{padding:30px 20px;} .page-newsInfo2{text-align:left; width:100%; float:none; margin-bottom:30px;} .page-newsInfo2 .newsBtn .newsBtnA em, .page-newsInfo2 .newsBtn .newsBtnB em{ display:none;} .page-newsInfo2 .newsTit{font-size:18px;} .page-newsInfo2 .newsTextNrBox{padding:40px 25px;} .page-newsInfo2 .newsShuju, .page-newsInfo2 .newsShuju em{font-size:12px;line-height:26px;} .page-newsInfo2 .newsTextBox{font-size:15px;line-height:28px;} .page-newsInfo2 .newsBtn a{font-size:12px;line-height:54px; height:54px;padding:0 0px;} } /********************************Partner********************************/ /*pagePartnerTit*/ .pagePartnerTit{ margin-bottom:70px;} .pagePartnerTit h2{font-size:30px;color:#4b7bfc;font-weight:300; text-align:left;} .pagePartnerTit h2 strong{font-size:40px; line-height:normal;font-family:"Swis721 BlkCn BT", Arial, Helvetica, sans-serif; font-weight:800;color:#fff;background-image:-webkit-linear-gradient(18deg,#4f98fe,#4b7bfc);-webkit-background-clip:text;-webkit-text-fill-color:transparent} .pagePartnerTit td{ vertical-align:middle;} .pagePartnerTit td img{ vertical-align:middle; margin-left:10px; display:inline-block;} .pagePartnerTit .td2{ padding-left:210px;} @media screen and (max-width:1220px) { .pagePartnerTit h2{font-size:0.3rem;} .pagePartnerTit h2 strong{font-size:0.4rem;} .pagePartnerTit .td2{ padding-left:2.1rem;} } @media screen and (max-width:992px) { .pagePartner1{padding-bottom:50px;} .pagePartner1 h2{font-size:20px;} } /*pagePartner1*/ .pagePartner1{padding-top:50px;padding-bottom:70px;background: url("../image/parner-bg1.jpg") center top no-repeat;background-size:cover;overflow:hidden;} .pagePartner1 h2{font-size:30px;color:#000000;font-weight:300; text-align:left;} @media screen and (max-width:992px) { .pagePartner1{padding-bottom:50px;} .pagePartner1 h2{font-size:20px;} } /*pagePartner2*/ .pagePartner2{padding-top:80px;padding-bottom:80px;background: url("../image/parner-bg2.jpg") center center no-repeat;background-size:cover;overflow:hidden;} .pagePartner2 .pageTitle .cn{color:#fff; padding-bottom:30px;} /*pagePartner2Table*/ .pagePartner2Table{} .pagePartner2Table td{ width:25%;padding-left:3%; padding-right:3%;padding-top:3.6%; padding-bottom:1.5%;vertical-align:middle; text-align:center; position:relative; background:#fff; margin:0 10px;border-radius:5px;} .pagePartner2Table td h2{font-size:22px; color:#000000; line-height:30px; font-weight:300;} .pagePartner2Table td p{ font-size:12px; color:#c3c4d9; line-height:30px; text-transform:uppercase;} .pagePartner2Table td img{max-width:75px;margin-bottom:10px;} .pagePartner2Table td.td1{border-right:1px solid #e8e8e8;} .pagePartner2Table td.td2{border-right:1px solid #e8e8e8;} .pagePartner2Table td:hover{background: #f8f8f8;} .pagePartner2Table td, .pagePartner2Table td img, .pagePartner2Table td h2{-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;} .pagePartner2Table td:hover img{-o-transform:rotate(15deg) translateY(-5px);-webkit-transform:rotate(15deg) translateY(-5px);-moz-transform:rotate(15deg) translateY(-5px);-ms-transform:rotate(15deg) translateY(-5px);transform:rotate(15deg) translateY(-5px);} .page-shopTable td:hover h2{padding-top:20px;} .pagePartner2Table td:hover{-moz-transform:translateY(-10px);-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px);} @media screen and (max-width:1220px) { } @media screen and (max-width:992px) {.pagePartner2Table td h2{font-size:20px;}.pagePartner2Table td img{max-width:70px;} .pagePartner2Table tr{ display:block;} .pagePartner2Table td{ width:100%!important; display:block!important; padding:3% 0;margin:0;border-bottom:1px solid #e8e8e8; margin-bottom:20px;} } @media screen and (max-width:768px) {.pagePartner2Table td img{max-width:60px;} .pagePartner2Table td h2{font-size:16px;} } /*pagePartner3*/ .pagePartner3{padding-top:80px;padding-bottom:80px;overflow:hidden;} /*pagePartner3Table*/ .pagePartner3Table{} .pagePartner3Table td{ width:50%;padding-top:0; padding-bottom:0;vertical-align:middle; text-align:center; position:relative; background:#fff;} .pagePartner3Table td.td1 img{ display:block;} .pagePartner3Table td h2{font-size:22px; color:#000000; line-height:30px; font-weight:400; margin-bottom:20px;} .pagePartner3Table td p{ font-size:16px; color:#333333; line-height:30px; text-transform:uppercase; max-width:450px; margin:0 auto;} .pagePartner3Table td.td2{padding-left:3%; padding-right:3%;} @media screen and (max-width:1024px) { .pagePartner3Table td h2{font-size:20px;}.pagePartner3Table td p{ font-size:15px;} } @media screen and (max-width:768px) { .pagePartner3Table td h2{font-size:18px;} .pagePartner3Table td{ width:100%!important; display:block!important; padding:5% 0;} } /*pagePartner4*/ .pagePartner4{padding-top:140px;padding-bottom:140px;background: url("../image/parner-joinbg.jpg") center center no-repeat;background-size:cover;overflow:hidden;} .pagePartner4 h2{font-size:30px;color:#000000;font-weight:300; text-align:center;} .pagePartner4 h2 strong{font-size:36px; line-height:normal;font-weight:bold;/*font-family:"Swis721 BlkCn BT", Arial, Helvetica, sans-serif;font-weight:800;*/color:#fff;background-image:-webkit-linear-gradient(18deg,#4f98fe,#4b7bfc);-webkit-background-clip:text;-webkit-text-fill-color:transparent} /**/ .pagePartner4 .btn{ padding-top:35px; text-align:center;} .pagePartner4 .btn a{ margin:0 auto;width:142px; font-size:16px;line-height:50px;border-radius:50px;display:inline-block; background:#fff;color:#4b7bfc;text-align:center;box-shadow:0 2px 10px rgba(0,0,0,0.1);transition: all 0.2s ease;} .pagePartner4 .btn a:hover{background:#4b7efa;color:#fff;box-shadow:0 2px 30px rgba(75,126,250,0.2);} @media screen and (max-width:1220px) { .pagePartner4 h2{font-size:28px;} .pagePartner4 h2 strong{font-size:30px;} } @media screen and (max-width:1024px) {.pagePartner4{padding-top:90px;padding-bottom:90px;} .pagePartner4 h2{font-size:24px;} .pagePartner4 h2 strong{font-size:26px;} } @media screen and (max-width:768px) {.pagePartner4{padding-top:70px;padding-bottom:70px;} .pagePartner4 h2{font-size:20px; line-height:normal;} .pagePartner4 h2 strong{font-size:22px; display:block;} } /*css3*/ .fadeInUp50{-webkit-animation-name:fadeInUp50;-moz-animation-name:fadeInUp50;-ms-animation-name:fadeInUp50;animation-name:fadeInUp50} @-webkit-keyframes fadeInUp50{from{opacity:0;-webkit-transform:translate3d(0,50px,0);-moz-transform:translate3d(0,50px,0);-ms-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)} to{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} } @-moz-keyframes fadeInUp50{from{opacity:0;-webkit-transform:translate3d(0,50px,0);-moz-transform:translate3d(0,50px,0);-ms-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)} to{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} } @-o-keyframes fadeInUp50{from{opacity:0;-webkit-transform:translate3d(0,50px,0);-moz-transform:translate3d(0,50px,0);-ms-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)} to{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} } @keyframes fadeInUp50{from{opacity:0;-webkit-transform:translate3d(0,50px,0);-moz-transform:translate3d(0,50px,0);-ms-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)} to{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} } .fadeInLeft50{-webkit-animation-name:fadeInLeft50;-moz-animation-name:fadeInLeft50;-ms-animation-name:fadeInLeft50;animation-name:fadeInLeft50} @-webkit-keyframes fadeInLeft50{from{opacity:0;-webkit-transform:translate3d(-50px,0,0);-moz-transform:translate3d(-50px,0,0);-ms-transform:translate3d(-50px,0,0);transform:translate3d(-50px,0,0)} to{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} } @-moz-keyframes fadeInLeft50{from{opacity:0;-webkit-transform:translate3d(-50px,0,0);-moz-transform:translate3d(-50px,0,0);-ms-transform:translate3d(-50px,0,0);transform:translate3d(-50px,0,0)} to{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} } @-o-keyframes fadeInLeft50{from{opacity:0;-webkit-transform:translate3d(-50px,0,0);-moz-transform:translate3d(-50px,0,0);-ms-transform:translate3d(-50px,0,0);transform:translate3d(-50px,0,0)} to{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} } @keyframes fadeInLeft50{from{opacity:0;-webkit-transform:translate3d(-50px,0,0);-moz-transform:translate3d(-50px,0,0);-ms-transform:translate3d(-50px,0,0);transform:translate3d(-50px,0,0)} to{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} } .fadeInRight50{-webkit-animation-name:fadeInRight50;-moz-animation-name:fadeInRight50;-ms-animation-name:fadeInRight50;animation-name:fadeInRight50} @-webkit-keyframes fadeInRight50{from{opacity:0;-webkit-transform:translate3d(50px,0,0);-moz-transform:translate3d(50px,0,0);-ms-transform:translate3d(50px,0,0);transform:translate3d(50px,0,0)} to{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} } @-moz-keyframes fadeInRight50{from{opacity:0;-webkit-transform:translate3d(50px,0,0);-moz-transform:translate3d(50px,0,0);-ms-transform:translate3d(50px,0,0);transform:translate3d(50px,0,0)} to{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} } @-o-keyframes fadeInRight50{from{opacity:0;-webkit-transform:translate3d(50px,0,0);-moz-transform:translate3d(50px,0,0);-ms-transform:translate3d(50px,0,0);transform:translate3d(50px,0,0)} to{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} } @keyframes fadeInRight50{from{opacity:0;-webkit-transform:translate3d(50px,0,0);-moz-transform:translate3d(50px,0,0);-ms-transform:translate3d(50px,0,0);transform:translate3d(50px,0,0)} to{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} } @media (print),(prefers-reduced-motion:reduce){.animated{-webkit-animation-duration:1ms !important;animation-duration:1ms !important;-webkit-transition-duration:1ms !important;transition-duration:1ms !important;-webkit-animation-iteration-count:1 !important;animation-iteration-count:1 !important} } @keyframes navInUp50{0%{opacity:0;visibility:hidden;-webkit-transform:translateY(-30px);-moz-transform:translateY(-30px);-ms-transform:translateY(-30px);-o-transform:translateY(-30px);transform:translateY(-30px);} 100%{opacity:1;visibility:visible;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);} } @keyframes circle-chart-fill{to{stroke-dasharray:0 100} } @-webkit-keyframes circle-chart-fill{to{stroke-dasharray:0 100} } @-moz-keyframes circle-chart-fill{to{stroke-dasharray:0 100} } @-ms-keyframes circle-chart-fill{to{stroke-dasharray:0 100} } @keyframes shake{0%,100%{-webkit-transform:scale(1,1);transform:scale(1,1)} 25%{-webkit-transform:scale(0.9,1.1);transform:scale(0.9,1.1)} 50%{-webkit-transform:scale(1.1,0.9);transform:scale(1.1,0.9)} 75%{-webkit-transform:scale(0.95,1.05);transform:scale(0.95,1.05)} 0%,100%{-webkit-transform:scale(1,1);transform:scale(1,1)} 25%{-webkit-transform:scale(0.9,1.1);transform:scale(0.9,1.1)} 50%{-webkit-transform:scale(1.1,0.9);transform:scale(1.1,0.9)} 75%{-webkit-transform:scale(0.95,1.05);transform:scale(0.95,1.05)} } @keyframes iconScale2{from{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);opacity:1} to{-webkit-transform:scale(1.7);-moz-transform:scale(1.7);-ms-transform:scale(1.7);-o-transform:scale(1.7);transform:scale(1.7);opacity:0} } /*****************************右侧栏漂浮 start*****************************/ .public-celan{position:fixed;right:20px;top:50%;z-index:101;} .public-celan li{position:relative;margin-top:2px} .public-celan li .db{display:inline-block;position:relative;z-index:1;width:42px;height:42px;border-radius:50%; overflow:hidden;font-size:12px;color:#fff;cursor:pointer; text-align:center;} .public-celan li .db img{margin:0 auto; width:100%; display:block;border-radius:50%; overflow:hidden;} .public-celan li .b1{position:absolute;right:70px;top:-14px;z-index:0;line-height:24px; padding:10px 20px;border-radius:42px;width:212px;white-space:nowrap;text-align:center;font-family:"Arial";font-size:18px;color:#fff;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s; visibility:hidden;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;} .public-celan li:hover .b1{right:50px; visibility:visible;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;} .public-celan li .b2{position:absolute;right:70px;bottom:0;z-index:0;line-height:30px; padding:20px 20px 10px 20px;border-radius:10px;width:230px;background:#ea0407;text-align:center;font-family:"Arial";font-size:14px;color:#fff;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;visibility:hidden;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;} .public-celan li .b2 img{ width:190px;} .public-celan li:hover .b2{right:50px; visibility:visible;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;} .public-celan li .to-top{background:#b5b5b5!important;} .public-celan li .db, .public-celan li .b2, .public-celan li .b1{background-image:linear-gradient(-90deg,#4f7efc 0%,#55a7ff 100%);background-blend-mode:normal,normal;} @media screen and (max-width:768px){ .public-celan{ right:10px;top:auto;bottom:10%;} .public-celan li.a1,.public-celan li.a2,.public-celan li.a4, .public-celan li.a3{ display:none;} .public-celan li .b1{ display:none;} } /*****************************banner start*****************************/ /* 首页 */ .ind1{position:relative} .ind1 .swiper1{} .ind1 .swiper1 .swiper-slide{overflow:hidden} .ind1 .swiper1 .swiper-slide .sbox{position:relative;overflow:hidden} .ind1 .swiper1 .swiper-slide .sbox a{display:block} .ind1 .swiper1 .swiper-slide .sbox a>img{display:block;width:100%;-webkit-transform:scale(1);transform:scale(1);} .ind1 .swiper1 .swiper-slide .sbox .pimg{} .ind1 .swiper1 .swiper-slide .sbox .mimg{display:none} .ind1 .swiper1 .swiper-slide .sbox video{display:block;position:absolute;top:0;left:0;z-index:2;width:100%;max-width:100%;object-fit:cover} .ind1 .swiper1 .swiper-slide .sbox .wz{display:block;position:absolute;top:0;left:0;z-index:2;width:100%;max-width:100%;object-fit:cover;background:rgba(0,0,0,0.3);} .ind1 .swiper1 .swiper-slide .sbox .wz a{ height:100%;} /**/ .ind1 .swiper1 .pagination1 span{width:60px;height:2px;opacity:1;background:rgba(255,255,255,0.5);border-radius:0;position:relative;margin:0 2.5px;} .ind1 .swiper1 .pagination1 span:after{content:'';display:block;position:absolute;top:0;left:0;width:0%;height:100%;background:#fff} .ind1 .swiper1 .pagination1 span.swiper-pagination-bullet-active:after{width:100%;-webkit-transition:all 10s linear;-moz-transition:all 10s linear;transition:all 10s linear} /*.ind1 .swiper1 .prev1{border-radius:50%;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;width:60px;height:60px;background:rgba(255,255,255,0.1) url(../images/l.png) center no-repeat;left:5%;margin-top:-30px} .ind1 .swiper1 .next1{border-radius:50%;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;width:60px;height:60px;background:rgba(255,255,255,0.1) url(../images/r.png) center no-repeat;right:5%;margin-top:-30px} .ind1 .swiper1 .prev1:hover{background:rgba(255,255,255,.3) url(../images/l.png) center no-repeat} .ind1 .swiper1 .next1:hover{background:rgba(255,255,255,.3) url(../images/r.png) center no-repeat} */ .ind1 .swiper1 .pagination1{ position: static; display:inline-block;border-radius:none; vertical-align:middle; margin-bottom:8px;} .ind1 .bannerBtn{position: absolute;height:20px;width:100%; left:0;right:0;bottom:50px;z-index:3; text-align:center; vertical-align:middle;} .ind1 .swiper1 .next1, .ind1 .swiper1 .prev1{ display:inline-block;font-size:18px; color:#fff; text-transform:uppercase; line-height:20px; cursor:pointer; padding:0 5px;} @media(max-width:960px){ /*.ind1 .swiper1 .swiper-slide .sbox video,.ind1 .swiper1 .swiper-slide .sbox>.pimg{display:none}*/ .ind1 .swiper1 .swiper-slide .sbox>.mimg{display:block} .ind1 .bannerBtn{bottom:20px} .ind1 .swiper1 .next1, .ind1 .swiper1 .prev1{ font-size:14px;} .ind1{ overflow:hidden;} .ind1 .swiper1 .swiper-slide .sbox a>img{ max-width:none!important;display: block;width: auto!important; height:100%;position: absolute; left: 50%; top: 0;-webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);-o-transform: translate(-50%,0);-moz-transform: translate(-50%,0);transform: translate(-50%,0);min-height: 100%;min-width:100%;z-index:1;} .ind1 .swiper1 .swiper-slide a{height: 100vw; position:relative; z-index:1;} .ind1 .swiper1 .swiper-slide .sbox video{width: auto!important; height:100%;position: absolute; z-index: 10; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform: translate(-50%,-50%);min-height: 100%; min-width:100%; } .ind1 .swiper1 .swiper-slide .sbox .wz{width: auto!important; height:100%;position: absolute; z-index: 10; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform: translate(-50%,-50%);min-height: 100%; min-width:100%; } .ind1 .swiper1 .swiper-slide .sbox .wz img{ height:auto!important;position: absolute; z-index: 10; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform: translate(-50%,-50%); vertical-align:middle; width:200%!important; max-width:none!important;} } /*index-client*/ .index-client{padding-top:100px;padding-bottom:80px;background: url("../image/index-clientbg.jpg") top center no-repeat;background-size:cover;overflow:hidden;} .index-client .index-client-bot .swiper-wrapper,.index-client .index-client-top .swiper-wrapper{-webkit-transition-timing-function:linear;-moz-transition-timing-function:linear;-ms-transition-timing-function:linear;-o-transition-timing-function:linear;transition-timing-function:linear} .index-client .index-client-swiper{position:relative;padding-top:1.8%} .index-client li{margin:0 10px;padding:10px 0;float:left;display:inline;text-align:center} .index-client li .sef-pic{text-align:center;overflow:hidden;width:240px;height:123px;background-color:#fff;border-radius:4px;position:relative;box-shadow:0 2px 8px 2px #f3f3f3} .index-client li:hover .sef-pic img{transform:scale(1.05)} .index-client li .sef-pic img{display:block;transition:all .5s;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto} /*indexTitle3*/ .indexTitle3{ text-align:center;padding-top:50px;padding-bottom:50px; position:relative;background: url("../image/index-clientbg.png") top center no-repeat;} .indexTitle3 .cn{font-size:40px;color:#4b7bfc;font-weight:bold;line-height:normal; margin-bottom:15px;} .indexTitle3 .dec strong{ font-size:34px; color:#4b7bfc;margin-bottom:24px;font-weight:bold;font-family: 'Myriad Pro', Arial, Helvetica, sans-serif;} @media screen and (max-width:1220px) { .indexTitle3 .cn{font-size:36px;} .indexTitle3 .dec strong{ font-size:30px;} } @media screen and (max-width:1024px) { .indexTitle3 .cn{font-size:32px;} .indexTitle3 .dec strong{ font-size:26px;} } @media screen and (max-width:768px) { .indexTitle3{padding-top:30px;padding-bottom:30px;} .indexTitle3 .cn{font-size:26px;} .indexTitle3 .dec strong{ font-size:20px;} } @media screen and (max-width:640px) { .indexTitle3 .cn{font-size:24px;} .indexTitle3 .dec strong{font-size:16px;} } /*indexTitle2*/ .indexTitle2{padding-bottom:50px; position:relative;} .indexTitle2 .cn{font-size:40px;color:#4b7bfc;font-weight:600;line-height:normal; margin-bottom:15px; position:relative;} .indexTitle2 .en{ font-size:20px; color:#4b7bfc;font-weight:400;text-transform:uppercase;} .MoreBtn a{font-size:14px; line-height:33px;color:#9ea0ae; display:inline-block; padding-right:45px;background: url("../image/more.png") right center no-repeat; background-size:33px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;-ms-transition: all 0.3s;transition: all 0.3s;} .MoreBtn a:hover{color:#4b7bfc; padding-right:50px;} @media screen and (max-width:1220px) { .indexTitle2 .cn{font-size:36px;} .indexTitle2 .en{ font-size:18px;} } @media screen and (max-width:1024px) { .indexTitle2 .cn{font-size:32px;} .indexTitle2 .en{ font-size:16px;} } @media screen and (max-width:768px) { .indexTitle2{padding-bottom:30px;} .indexTitle2 .cn{font-size:26px;margin-bottom:10px;} .indexTitle2 .en{ font-size:14px;} } @media screen and (max-width:640px) { .indexTitle2 .cn{font-size:20px;margin-bottom:8px;} .indexTitle2 .en{font-size:14px;} } /*index-client*/ .index-news{padding-top:100px;padding-bottom:80px;background: url("../image/index-newsbg.jpg") top center no-repeat;background-size:cover;overflow:hidden;} .index-news .index-newsBox{width:83.33333333333333%; margin:0 auto;} .index-news .MoreBtn{ position: absolute;right:0;top:0;} /*indexNewsList*/ .indexNewsList{margin:0 auto;padding-left:405px; position:relative;} .indexNewsList ul{ font-size:0;} .indexNewsList li{ display:inline-block;*display:inline;zoom:1;width:50%;margin-bottom:30px;vertical-align:top;} .indexNewsList .item{display:block; margin-left:34px; padding:55px 30px;position:relative; background:#fff;-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;overflow:hidden;border-radius:5px;} .indexNewsList .imgBox{position:relative;text-align:left; display:none;} .indexNewsList .imgBox{ text-align:left;height:0;position: relative;overflow: hidden;padding-bottom:100%;} .indexNewsList .imgBox{padding-bottom:510px;} .indexNewsList .imgBox img{position:absolute;top:50%;left:50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform:translate(-50%, -50%);display:block;width:auto; max-width: none; height:100%;} .indexNewsList .title{text-align:left;position:relative; padding-right:25px;} .indexNewsList .title .t{font-size:18px;line-height:30px;height:60px; overflow:hidden;margin-bottom:40px;} .indexNewsList .title .date{line-height:0;} .indexNewsList .title .wz{font-size:14px;line-height:30px;height:30px; overflow:hidden;color:#9ea0ae;} .indexNewsList .title .titleNr{ padding-left:90px; position:relative;} .indexNewsList .title .date{font-size:28px;line-height:30px;color:#000000; position:absolute; left:0;top:5px;} .indexNewsList .title .date span{display:block} .indexNewsList .title .date .line{line-height:10px;} .indexNewsList .title .date .y{font-size:14px; margin-top:20px;} /*hocwe*/ .indexNewsList .item,.indexNewsList .title:after,.indexNewsList .title .t, .indexNewsList .imgBox img{-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;-ms-transition: all 0.3s;transition: all 0.3s;} .indexNewsList .item:hover .title .t{color:#085cc1;} .indexNewsList .item:hover .imgBox img{-moz-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%); -webkit-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);-ms-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);} .indexNewsList .item:hover{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);-o-transform:translateY(-8px);-ms-transform:translateY(-8px);transform:translateY(-8px);} /*lind1*/ .indexNewsList li.li1{ width:405px;height:510px;position:absolute; left:0;top:0;border-radius:5px;} .indexNewsList li.li1 .item{margin:0; padding:0;} .indexNewsList li.li1 .imgBox{ display:block;} .indexNewsList li.li1 .title{ padding:0;text-align:center;color:#fff;position:relative; position:absolute; left:0;right:0;top:0; width:100%; height:100%; margin:0 auto; z-index:2;} .indexNewsList li.li1 .title .date{border:none;} .indexNewsList li.li1 .title .titleNr{ padding-left:0; position:static;} .indexNewsList li.li1 .title .t{ color:#ffffff; position:absolute; left:30px; bottom:0;right:30px; text-align:left;} .indexNewsList li.li1 .title .wz{ display:none;} .indexNewsList li.li1 .title .date{ left:28px; top:60px;} .indexNewsList li.li1 .item:after{ content:''; position:absolute;left:0;right:0;bottom:0; width:100%; height:100%;background:url(../image/index-newssd.png) center bottom no-repeat; background-size:100%;} .indexNewsList li.li1 .item:hover .title .t{ color:#ffffff; } @media screen and (max-width:1540px){ .indexNewsList .title .titleNr{ padding-left:60px;} .indexNewsList .item{display:block; margin-left:30px;} } @media screen and (max-width:1440px){ .indexNewsList .title .titleNr{ padding-left:60px;} .indexNewsList .item{display:block; margin-left:20px;padding:55px 20px;} .indexNewsList .title{padding-right:0px;} } @media screen and (max-width:1320px){ .indexNewsList{padding-left:305px;} .indexNewsList .item{padding:35px 20px;} .indexNewsList li{margin-bottom:25px;} .indexNewsList li.li1{ width:305px;height:405px;} .indexNewsList .imgBox{padding-bottom:405px;} .indexNewsList .title .t{font-size:16px;margin-bottom:30px;} .indexNewsList .title .wz{font-size:13px;} .indexNewsList .title .date{font-size:24px;} .indexNewsList .title .date .y{font-size:13px; margin-top:15px;} } @media screen and (max-width:1220px){ .index-news{padding-top:70px;padding-bottom:70px;} } @media screen and (max-width:1024px){ .index-news{padding-top:50px;padding-bottom:50px;} .indexNewsList li{ width:100%;} .indexNewsList li.li4, .indexNewsList li.li5{ display:none;} } @media screen and (max-width:768px){ .indexNewsList{padding-left:0; position: static;} .indexNewsList li.li1{ width:100%;height:310px;position:static;} .indexNewsList .imgBox{padding-bottom:310px;} .indexNewsList .imgBox img{width:100%; max-width: none; height:auto; max-height:auto;} .indexNewsList .item{margin-left:0;} } /*index-partners*/ .index-partners{padding-top:100px;padding-bottom:80px;overflow:hidden;} .index-partners .index-partnersBox{width:83.33333333333333%; margin:0 auto;} .index-partners .indexTitleBox .indexTitle2{ width:38.75%; text-align:right; float:left; padding-top:15px;} .index-partners .indexTitleBox .wz{ width:55.625%; text-align:left;float:right; font-size:15px; line-height:30px; color:#000000;} .index-partners .indexTitleBox .wzNr{ max-width:525px;} .index-partners .MoreBtn{ text-align:center; padding-top:50px;} /*indexPartnersList*/ .indexPartnersList{margin:0 auto; padding-top:85px; max-width:1260px;} .indexPartnersList ul{ font-size:0;} .indexPartnersList li{ display:inline-block;*display:inline;zoom:1;width:25%;margin-bottom:50px;vertical-align:top;} .indexPartnersList li:nth-child(2n){ position:relative;top:50px;} .indexPartnersList .item{ padding-bottom:20px;display:block;margin:0 10px;position:relative; background:#fff;-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s; overflow:hidden;border-radius:5px;} .indexPartnersList .imgBox{text-align:left;} .indexPartnersList .imgBox img{width:100%;height:auto;} .indexPartnersList .title{text-align:left;position:relative; padding-left:7.5%; padding-top:10px;} .indexPartnersList .title .t{font-size:18px;line-height:30px; color:#4b7dfc;} .indexPartnersList .title .t span{ display:inline-block; padding:5px 18px; position:relative;} .indexPartnersList .title .t span:before{ content:'';border:1px solid #dbe5fe; position:absolute; left:0;top:0; width:100%; height:100%;} .indexPartnersList .title .t span:after{ content:'';border:1px solid #dbe5fe; position:absolute; left:5px;top:5px; width:100%; height:100%;} .indexPartnersList .title .t span i{ display:inline-block;position:absolute; left:-3px;top:50%; margin-top:-3.5px; width:7px; height:7px; background:#4b7dfc;border-radius:50%; overflow:hidden;} .indexPartnersList .title .t span i.i2{ left:auto; right:-4px;} /*hocwe*/ .indexPartnersList .item{-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;-ms-transition: all 0.3s;transition: all 0.3s;} .indexPartnersList .item:hover{-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-o-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px);} @media screen and (max-width:1024px){ .index-partners{padding-top:70px;padding-bottom:70px;} .indexPartnersList li{ width:50%;} .index-partners .indexTitleBox .indexTitle2{ width:100%; text-align:center; float:none;} .index-partners .indexTitleBox .wz{ width:100%; text-align:left;float:none; font-size:14px;} .index-partners .indexTitleBox .wzNr{ max-width:100%;} .indexPartnersList .title .t{font-size:16px;} } @media screen and (max-width:768px){ .index-partners{padding-top:50px;padding-bottom:50px;} .indexPartnersList .title .t{font-size:14px;} .index-partners .index-partnersBox{width:100%;} } /*index-partners*/ .index-about{padding-top:100px;padding-bottom:100px;overflow:hidden; position:relative;} .index-about .canvas{position:absolute;left:0;bottom:-2rem;z-index:0;opacity:0.2;width:100%;height:5rem;} .index-about .index-aboutBox{width:83.33333333333333%; margin:0 auto; padding:0 3%;} .index-about .indexTitle2{ text-align:center; position:relative; z-index:2;} .index-about .indexTitle2 .cn{ font-weight:400; margin-bottom:30px;} .index-about .indexTitle2 .en{ padding-bottom:35px;} .index-about .wz{ font-size:16px; line-height:30px; color:#000000;} .index-about .MoreBtn{ text-align:center; padding-top:10px;position:relative; z-index:2;} .index-about .indexAboutBox{padding-top:100px;} .index-about .indexAboutBox .pageshuju{position:relative; z-index:2; margin-bottom:0!important;} .index-about .indexAboutBox .pageshuju td{ min-width:200px; padding-left:50px;} @media screen and (max-width:1220px){ .index-about .indexAboutBox .pageshuju td{ min-width:0; padding-left:0px;} .index-about .indexTitle2 .en img{max-width:90%;} } @media screen and (max-width:1024px){ .index-about{padding-top:70px;padding-bottom:70px;} .index-about .wz{font-size:14px;} .index-about .indexAboutBox{padding-top:70px;} } @media screen and (max-width:768px){ .index-about{padding-top:60px;padding-bottom:50px;} .index-about .index-aboutBox{width:90%;} .index-about .indexAboutBox{padding-top:50px;} .index-about .indexAboutBox .pageshuju td{ min-width:0; padding-left:0px;} } /*index-pro*/ .index-pro{height:56.25vw; background-image: url("../image/index-solutionbg.jpg");background-repeat:no-repeat; background-position:center center;background-size:cover;overflow:hidden;} .indexProList{ position:relative;} .indexProList:before{content: ''; background:#fff;position: absolute;top:0;left: 33.33333%;width:1px;height:100%;filter:alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity:0.3; opacity:0.3; z-index:1;} .indexProList:after{content: '';background:#fff;position: absolute;top:0;left: 66.66666%;width:1px;height:100%;filter:alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity:0.3; opacity:0.3; z-index:1;} .indexProList li{ display:block; float:left;width:33.3333333%;height:56.25vw; vertical-align:top;} .indexProList li .title{ padding-top:14.58333333333333vw;} .indexProList li .title .t{ text-align:center; font-size:0.4rem; color:#fff;line-height: normal;} .indexProList li .title .en{text-align:center; font-size:12px; color:#fff;line-height:20px; text-transform:uppercase; padding-top:14px;} .indexProList li .title .icon{text-align:center;margin-top:2.916666666666667vw;} .indexProList li .title .icon{ position:relative;} .indexProList li .title .icon:before{content: '';background:#fff;position: absolute;top: 50%;left: 50%; border-radius: 50%;transition: 0.5s; -webkit-transition: 0.5s;width:66px;height:66px;margin-top: -33px;margin-left: -33px;filter:alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity:0.3; opacity:0.3; z-index:1;animation:mymoveli2 1s ease-out infinite} .indexProList li .title .icon:after{content: '';background:#fff;position: absolute;top: 50%;left: 50%; border-radius: 50%;transition: 0.5s; -webkit-transition: 0.5s;width:82px;height:82px;margin-top: -42px;margin-left: -42px;filter:alpha(opacity=10); -moz-opacity:0.1; -khtml-opacity:0.1; opacity:0.1; z-index:0;animation:mymoveli1 1s ease-out infinite} .indexProList li .title .icon img{width:48px; background:#fff;border-radius:50%; overflow:hidden; position:relative; z-index:2; margin-top:5px;} .indexProList li .imgBox{text-align:left; margin-top:6vw;} .indexProList li .imgBox img{width:100%;height:auto;} .indexProList li .title .icon, .indexProList li .title, .indexProList li .imgBox, .indexProList li .imgBox img{-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;-ms-transition: all 0.3s;transition: all 0.3s;} .indexProList li .item:hover .title{-webkit-transform:translateY(20px);-moz-transform:translateY(20px);-o-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);} .indexProList li .item:hover .imgBox img{-webkit-transform:translateY(-20px);-moz-transform:translateY(-20px);-o-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px);} /**/ .indexProList .swiper-button-prev{transition: 0.4s;opacity: 1;width:30px;height:60px;top:50%; left:3%;background: url("../image/index-left.png") center center no-repeat;background-size:100%;outline: none; z-index:333;border-radius:50%; position:absolute; margin:0;} .indexProList .swiper-button-next{transition: 0.4s;opacity: 1;width:30px;height:60px;top:50%;right:3%;background: url("../image/index-right.png") center center no-repeat;background-size:100%;outline: none; z-index:333;border-radius:50%;position: absolute;margin:0; } .indexProList .swiper-button-prev.swiper-button-disabled, .indexProList .swiper-button-next.swiper-button-disabled{opacity:0;} @media screen and (max-width:1540px){ .indexProList li .title{ padding-top:10vw;} } @media screen and (max-width:1080px){ .index-pro{height:auto;} .indexProList li .title{ padding-top:10vw;} .indexProList li{width:100%;height:auto;} } @media screen and (max-width:768px){ .indexProList:before, .indexProList:after{ display:none;} .indexProList li .title .icon{margin-top:40px;} .indexProList .swiper-button-prev, .indexProList .swiper-button-next{width:25px;height:45px;} } @keyframes mymoveli2{from{transform:scale3d(0.9,0.9,1)} to{transform:scale3d(1.2,1.2,1)} } @keyframes mymoveli1{from{transform:scale3d(0.9,0.9,1)} to{transform:scale3d(1.3,1.3,1)} } @keyframes mymoveli{from{transform:scale3d(0.9,0.9,1)} to{transform:scale3d(2.5,2.5,1)} } /*sulution弹窗*/ #sulution-popup{align-items:center;justify-content:center;flex-direction:row} #sulution-popup{position:fixed;top:0;left:0;right:0; margin:0 auto; text-align:center;background-color:rgba(255,255,255,.6);display:none;z-index:1000000000000;} .fbgbox{height:100vh;position:fixed;width:100%;left:0;top:0; z-index:99999;} .fbgbox .bgimg img{ height:100%;width:100vw;object-fit:cover} .fbgbox .bgimg .dian img{position:absolute;left:40%;top:30%;width:50px;height:50px;cursor:pointer} .bodybgcover{width:100vw;height:100vh;z-index:0;position:fixed;left:0;top:0;} .bgimg{transition:1.3s ease-in-out;opacity:0;position:absolute;left:0;top:50%;transform:scale3d(1.5,1.5,1) translateY(-50%) rotate3d(1,1,1,-20deg);z-index:0} .bgimg.on{transition:1.3s ease-in-out;transform:scale3d(1,1,1) translateY(-50%) rotate3d(1,1,1,0);opacity:1} .bgimg .njimg{transition:1s ease-in-out;opacity:1} .bgimg.active .njimg{transition:1.5s ease-in-out;transform:scale3d(1.2,1.2,1);opacity:0} /*bgimg:dian*/ .bgimg .dian{width:0.5rem;height:0.5rem;position:absolute;transform:translate(-50%,-50%);cursor:pointer} .bgimg .dian span{width:100%;height:100%;left:0;top:0;position:absolute;background-color:#f5ab15;border-radius:50%} .bgimg .dian span.i0{background: url("../image/index-s-d1.png") center center no-repeat #f5ab15;background-size:100%;} .bgimg .dian span.i1{transform:scale3d(2.4,2.4,1);background-color:rgba(255,255,255,0.2);z-index:0;animation:mymoveli 1s ease-out infinite} /*.indexSolution1 dian*/ .indexSolution1 .bgimg .dian1{left:20%;top:36%} .indexSolution1 .bgimg .dian2{left:40%;top:45%} .indexSolution1 .bgimg .dian3{left:35%;top:30%} .indexSolution1 .bgimg .dian4{left:73%;top:58%} .indexSolution1 .bgimg .dian5{left:55%;top:55%} /*.indexSolution2 dian*/ .indexSolution2 .bgimg .dian1{left:30%;top:55%} .indexSolution2 .bgimg .dian2{left:45%;top:30%} .indexSolution2 .bgimg .dian3{left:60%;top:20%} .indexSolution2 .bgimg .dian4{left:70%;top:50%} /*.indexSolution3 dian*/ .indexSolution3 .bgimg .dian1{left:25%;top:60%} .indexSolution3 .bgimg .dian2{left:45%;top:17%} .indexSolution3 .bgimg .dian3{left:65%;top:27%} .indexSolution3 .bgimg .dian4{left:82%;top:35%} /*tit-txts*/ .bgimg .dian .tit-txts{position:absolute;left:0.6rem;top:50%;transform:translateY(-50%);white-space:nowrap;color:#fff; font-size:0.15rem;line-height:0.26rem;border-radius:5px;padding:0 5px;background: url("../image/index-solutionbig-wz.jpg") center center no-repeat;background-size:auto 100%;opacity:0;transition:.5s ease-in-out;pointer-events:none;} .bgimg .dian .tit-txts.on{opacity:1;transition:.5s ease-in-out;pointer-events:auto} .indexSolution2 .bgimg .dian .tit-txts{ background-image:url("../image/index-solutionbig-wz2.jpg");} .indexSolution3 .bgimg .dian .tit-txts{ background-image:url("../image/index-solutionbig-wz3.jpg");} /*colsebtn*/ .colsebtn{position:absolute;width:.5rem;height:.5rem;right:.3rem;top:.3rem;z-index:999;border-radius:50%;cursor:pointer;box-shadow:0 2px 30px rgba(0,0,0,0.1);} .colsebtn img{width:100%;height:100%;} .colsebtn{-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;-ms-transition: all 0.3s;transition: all 0.3s;} .colsebtn:hover{-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);-o-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px);} /*moxbtn*/ .moxbtnB{position:absolute;right:.3rem;bottom:.3rem;z-index:999;} .moxbtnB a{width:1.1rem;font-size:0.14rem; line-height:0.44rem;border-radius:0.44rem; overflow:hidden; text-align:center; color:#4a7aff; background:#fff; display:block;} .moxbtnB a.moxbtn2{color:#FFF; background:#b4b5bd; margin-top:10PX;} .moxbtnB a.moxbtn1:hover{color:#FFF; background:#4a7aff;} @media screen and (max-width:1220px){.colsebtn{width:40px;height:40px;right:3%;top:3%;} .moxbtnB{right:3%;bottom:3%;} .moxbtnB a{width:90px;font-size:13px; line-height:40px;border-radius:40px;} } body.dig-active .bgimg .dian{opacity:0;transition:.5s ease-in-out;transform:scale(0);} body.dig-active .bgimg{transition:.8s ease-in-out;opacity:1;left:0;top:50%;transform:translateY(-50%) scale3d(.7,.7,1)} body.dig-active #njimg.on{transition:.8s ease-in-out;opacity:1;left:0;top:50%;transform:translateY(-50%) scale3d(.7,.7,1);} @media screen and (max-width:768px){ .mtext-phone{display: block!important; font-size:14px; text-align:center; margin-top:10px;position: absolute;top: 0;z-index: 663;left: 0;right: 0;color: #fff;} } /*//竖屏*/ @media screen and (orientation:portrait) and (max-width:1191px){ /*.bgimg .dian{pointer-events:none}*/ } @media screen and (orientation:landscape) and (max-width:1191px){ .mtext-phone{display:none!important; } .bgimg.on{margin-top:-2%} body.dig-active .bgimg{margin-top:0} body.dig-active .bgimg{left:-15%} .bgimg.on{transform:translateY(-50%) scale3d(.8,.8,1) rotate3d(1,1,1,0)} } .fbgbox{/*filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0;visibility:hidden;*/} .fbgbox.visible{/*animation: show-modal 500ms ease forwards;*/} /* #sulution-popup{visibility:hidden;} #sulution-popup.visible{visibility: visible; -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .fbgbox { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(-3000px) rotateY(90deg); -moz-transform: translateZ(-3000px) rotateY(90deg); -ms-transform: translateZ(-3000px) rotateY(90deg); transform: translateZ(-3000px) rotateY(90deg); opacity: 0; } .fbgbox.visible{ -webkit-animation: slit .7s forwards ease-out; -moz-animation: slit .7s forwards ease-out; animation: slit .7s forwards ease-out; } @-webkit-keyframes slit { 50% { -webkit-transform: translateZ(-250px) rotateY(89deg); opacity: .5; -webkit-animation-timing-function: ease-out;} 100% { -webkit-transform: translateZ(0) rotateY(0deg); opacity: 1; } } @-moz-keyframes slit { 50% { -moz-transform: translateZ(-250px) rotateY(89deg); opacity: .5; -moz-animation-timing-function: ease-out;} 100% { -moz-transform: translateZ(0) rotateY(0deg); opacity: 1; } } @keyframes slit { 50% { transform: translateZ(-250px) rotateY(89deg); opacity: 1; animation-timing-function: ease-in;} 100% { transform: translateZ(0) rotateY(0deg); opacity: 1; } } .visible .modal-background {animation: fade-background 500ms ease forwards;} @keyframes show-modal { 0% {transform: translateY(-50%);opacity: 0;} 100% {transform: translateY(0);opacity: 1;} } @keyframes fade-background { 0% {opacity: 0;} 100% {opacity: 1;} } */ /********************************sulution********************************/ /*pageT1*/ .pageT1{font-size:14px;color:#000000;margin-bottom:60px; font-weight:300;text-align:center;} .pageT1 .cn{font-size:36px; color:#4b7dfc;font-weight:600;line-height:normal; position:relative; z-index:2;} .pageT1 .en{font-size:60px; color:#fafafa;text-transform:uppercase;font-family:'TwCenMT',Arial, Helvetica, sans-serif; position: relative;top:-10px;} .pageT1 .wz{font-size:16px;color:#000000;font-weight:400;line-height:30px;text-align:center;padding:0 14%;padding-top:25px; margin:0 auto;} @media screen and (max-width:1220px) { .pageT1{margin-bottom:60px;} .pageT1 .cn{font-size:28px;} .pageT1 .en{font-size:50px;} .pageT1 .wz{font-size:14px;padding:0 0%;} } @media screen and (max-width:1024px) { .pageT1{margin-bottom:50px;} .pageT1 .cn{font-size:26px;} .pageT1 .en{font-size:40px;} } @media screen and (max-width:992px) { .pageT1{margin-bottom:40px;} .pageT1 .cn{font-size:24px;} .pageT1 .en{font-size:36px;} } @media screen and (max-width:768px) { .pageT1{margin-bottom:30px;} .pageT1 .cn{font-size:20px;} .pageT1 .en{font-size:30px;} } /*pageFinance1*/ .pageFinance1{padding-top:80px;padding-bottom:80px;background: url("../image/financebg.jpg") top center no-repeat;background-size:cover;overflow:hidden;} .pageFinance1 h2{font-size:30px;color:#000000;font-weight:300; text-align:center;} /*pageBox*/ .pageBox{padding-top:100px;padding-bottom:100px;overflow:hidden;} @media screen and (max-width:1220px) { .pageBox{padding-top:90px;padding-bottom:90px;} } @media screen and (max-width:1024px) { .pageBox{padding-top:70px;padding-bottom:70px;} } @media screen and (max-width:768px) { .pageBox{padding-top:50px;padding-bottom:50px;} } /*pagefarm*/ .pagefarm{padding-top:60px;padding-bottom:80px;overflow:hidden;} @media screen and (max-width:768px) { .pagefarm{padding-top:50px;padding-bottom:50px;} } /*pagefarm1*/ .pagefarm1{padding-top:60px;padding-bottom:0px;overflow:hidden;} @media screen and (max-width:768px) { .pagefarm1{padding-top:50px;padding-bottom:0px;} } /*.pagefarm1 table*/ .pagefarm1 table{ position:relative;} .pagefarm1 table:after{ content:''; width:1920px;top:0; position:absolute; left:50%; height:100%; margin-left:-960px;background:#f3f4f9;} .pagefarm1 table td{ width:25%;padding-left:3%; padding-right:3%;padding-top:5%; padding-bottom:5%;vertical-align:middle; text-align:center; position:relative; background:#f3f4f9; margin:0 10px;border-radius:5px; z-index:2;} .pagefarm1 table td h2{font-size:22px; color:#000000; line-height:30px; font-weight:300;} .pagefarm1 table td p{ font-size:12px; color:#c3c4d9; line-height:30px; text-transform:uppercase;} .pagefarm1 table td img{max-width:75px;margin-bottom:10px;} .pagefarm1 table td, .pagefarm1 table td img, .pagefarm1 table td h2{-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;} .pagefarm1 table td:hover img{-o-transform:rotate(15deg) translateY(-5px);-webkit-transform:rotate(15deg) translateY(-5px);-moz-transform:rotate(15deg) translateY(-5px);-ms-transform:rotate(15deg) translateY(-5px);transform:rotate(15deg) translateY(-5px);} @media screen and (max-width:1220px) { .pagefarm1{padding-top:70px;padding-bottom:70px;} } @media screen and (max-width:768px) {.pagefarm1{padding-top:50px;padding-bottom:50px;} .pagefarm1 table td{ width:100%!important; display:block!important;padding-top:10%; padding-bottom:10%;} .pagefarm1 table td img{max-width:50px;margin-bottom:10px;} .pagefarm1 table td h2{font-size:18px;} } /*pageLunbo*/ .pageLunbo{/*padding-top:80px;padding-bottom:80px;*/overflow:hidden;} /*pageLunbo-swiper*/ .pageLunbo-swiper{position: relative;overflow:hidden;} .pageLunbo-swiper .swiper-container{width:60%; overflow:visible;} .pageLunbo-swiper .swiper-slide{width:100%; } .pageLunbo-swiper .swiper-slide .item{display: block; margin:0 20px; position:relative;} .pageLunbo-swiper .swiper-slide .item .picB{display: block;background-color:#fff;position:relative;background-size:100%;border-radius:10px; overflow:hidden;} .pageLunbo-swiper .swiper-slide .item .picB,.pageLunbo-swiper .swiper-slide .item .pic img,.pageLunbo-swiper .swiper-slide .item{-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out; } .pageLunbo-swiper .swiper-slide .item .picB:after{content: '';width:100%;height:100%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;overflow: hidden;background: url("../image/farm-xjbg.png") center center repeat-x;background-size:100% 100%;} .pageLunbo-swiper .swiper-slide .item .pic{display: block;position: relative;width: 100%;padding-bottom:48.69565217391304%;overflow: hidden;vertical-align:bottom;} .pageLunbo-swiper .swiper-slide .item .pic img{position: absolute;top:50%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%,-50%);display: block;max-width:none; width:auto; max-height:auto; height:100%;} .pageLunbo-swiper .swiper-slide .item:hover .pic img{-moz-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%); -webkit-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);-ms-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);} .pageLunbo-swiper .swiper-slide .item .tit{padding: 0;font-size:24px;color:#fff;line-height:30px;text-align: center; font-weight:300; position:absolute; left:0;bottom:50px;right:0; } .pageLunbo-swiper .swiper-slide .item .tit .des{font-size:16px;color:#ffffff;line-height:30px; text-align:left; max-width:947px; margin:0 auto; padding-top:30px;} .pageLunbo-swiper .swiper-button-prev{opacity: 1;width:180px;height:100%;position:absolute;top:0; margin-top:0;left:0;background: url("../image/page-honorsd1.png") left center repeat-y;background-size:180px;outline: none; z-index:3;} .pageLunbo-swiper .swiper-button-next{opacity: 1;width:180px;height:100%;position:absolute;top:0; margin-top:0;right:0;background: url("../image/page-honorsd2.png") right center repeat-y;background-size:180px;outline: none; z-index:3;} .pageLunbo-swiper .swiper-button-prev:after{content: '';width:62px; height:62px; margin-top:-31px; position:absolute;top:50%;left:0;border-radius:50%;background: url("../image/page-left.png") center center no-repeat;background-size:62px; z-index:2;} .pageLunbo-swiper .swiper-button-next:after{content: '';width:62px; height:62px; margin-top:-31px; position:absolute;top:50%;right:0;border-radius:50%;background: url("../image/page-right.png") center center no-repeat;background-size:62px; z-index:2;} .pageLunbo-swiper .swiper-button-prev.swiper-button-disabled, .pageLunbo-swiper .swiper-button-next.swiper-button-disabled{opacity:0;} .pageLunbo-swiper .swiper-pagination{ text-align:center;left:0;width: 100%; bottom:0; z-index:2; line-height:0; position:relative; margin-top:30px;} .pageLunbo-swiper .swiper-pagination-bullet { opacity:1!important; width:8px; height:8px; text-align: center;background:#cfd1d8;border-radius:50%;margin:0 4px!important; outline:none;} .pageLunbo-swiper .swiper-pagination-bullet-active {background:#4b7dfc;} @media screen and (max-width:1024px) {.pageLunbo{padding-top:50px;padding-bottom:50px;} .pageLunbo-swiper .swiper-slide .item{ margin:0 10px;} } @media screen and (max-width:768px) { .pageLunbo-swiper .swiper-container{width:100%; overflow:visible;} .pageLunbo-swiper .swiper-button-prev:after, .pageLunbo-swiper .swiper-button-next:after{display:none;} .pageLunbo-swiper .swiper-button-prev, .pageLunbo-swiper .swiper-button-next{ display:none;} .pageLunbo-swiper .swiper-slide .item .tit{font-size:16px;bottom:15px;} .pageLunbo-swiper .swiper-slide .item .tit .des{font-size:12px;} } /*pageCase*/ .pageCase{/*padding-top:50px;padding-bottom:120px;*/overflow:hidden;} /*pagecaseLunbo-swiper*/ .pagecaseLunbo-swiper{background:#fff;position: relative;} .pagecaseLunbo-swiper .swiper-container{width:71.875%; overflow:visible;} .pagecaseLunbo-swiper .swiper-slide{width:33.333333%; } .pagecaseLunbo-swiper .swiper-slide .item{display: block; margin:0 20px; position:relative;border-radius:8px; overflow:hidden;box-shadow:0 2px 30px rgba(0,0,0,0.05);} .pagecaseLunbo-swiper .swiper-slide .item .picB{display: block;background-color:#fff;position:relative;background-size:100%;} .pagecaseLunbo-swiper .swiper-slide .item .more, .pagecaseLunbo-swiper .swiper-slide .item .picB,.pagecaseLunbo-swiper .swiper-slide .item .pic img,.pagecaseLunbo-swiper .swiper-slide .item{-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out; } .pagecaseLunbo-swiper .swiper-slide .item .picB:after{content: '';width:100%;height:100%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;overflow: hidden;background: url("../image/farm-xjbg.png") center center repeat-x;background-size:100% 100%; display:none;} .pagecaseLunbo-swiper .swiper-slide .item .pic{display: block;position: relative;width: 100%;padding-bottom:54.76190476190476%;overflow: hidden;vertical-align:bottom;} .pagecaseLunbo-swiper .swiper-slide .item .pic img{position: absolute;top:50%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%,-50%);display: block;max-width:none; width:auto; max-height:auto; height:100%;} .pagecaseLunbo-swiper .swiper-slide .item:hover .pic img{-moz-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%); -webkit-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);-ms-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);} .pagecaseLunbo-swiper .swiper-slide .item .tit{ padding:30px 40px;border-bottom:1px solid #f3f3f3;} .pagecaseLunbo-swiper .swiper-slide .item .des{font-size:20px;color:#000000;line-height:30px; min-height:90px;text-align: center; font-weight:300;} .pagecaseLunbo-swiper .swiper-slide .item .more{font-size:14px;color:#9ea0ae;line-height:56px;text-align: center;} .pagecaseLunbo-swiper .swiper-slide.swiper-slide-active .item .more, .pagecaseLunbo-swiper .swiper-slide .item:hover .more{background-image:linear-gradient(-90deg,#4f7efc 0%,#55a7ff 100%);background-blend-mode:normal,normal;color:#fff;} .pagecaseLunbo-swiper .swiper-slide.swiper-slide-active .item, .pagecaseLunbo-swiper .swiper-slide .item:hover{box-shadow:0 2px 30px rgba(0,0,0,0.3);} /*swiper-button*/ .pagecaseLunbo-swiper .swiper-button-prev{opacity:1;width:180px;height:100%;position:absolute;top:0;margin-top:0;left:0;background: url("../image/page-honorsd1.png") left center repeat-y;background-size:180px;outline:none;z-index:3;} .pagecaseLunbo-swiper .swiper-button-next{opacity:1;width:180px;height:100%;position:absolute;top:0;margin-top:0;right:0;background: url("../image/page-honorsd2.png") right center repeat-y;background-size:180px;outline:none;z-index:3;} .pagecaseLunbo-swiper .swiper-button-prev:after{content: '';width:62px; height:62px; margin-top:-31px; position:absolute;top:50%;left:0;border-radius:50%;background: url("../image/page-left.png") center center no-repeat;background-size:62px; z-index:2;} .pagecaseLunbo-swiper .swiper-button-next:after{content: '';width:62px; height:62px; margin-top:-31px; position:absolute;top:50%;right:0;border-radius:50%;background: url("../image/page-right.png") center center no-repeat;background-size:62px; z-index:2;} .pagecaseLunbo-swiper .swiper-button-prev.swiper-button-disabled, .pagecaseLunbo-swiper .swiper-button-next.swiper-button-disabled{opacity:0;} @media screen and (max-width:1220px) { .pagecaseLunbo-swiper .swiper-slide{width:50%; } } @media screen and (max-width:1024px) { .pagecaseLunbo-swiper .swiper-slide .item .des{font-size:18px;} .pagecaseLunbo-swiper .swiper-slide .item .tit{ padding:25px 30px;} } @media screen and (max-width:768px) { .pagecaseLunbo-swiper .swiper-slide{width:100%; } .pagecaseLunbo-swiper .swiper-slide .item .tit{padding:20px 20px;} .pagecaseLunbo-swiper .swiper-slide .item .des{font-size:16px;} .pagecaseLunbo-swiper .swiper-slide .item{margin:0 10px; } .pagecaseLunbo-swiper .swiper-button-prev, .pagecaseLunbo-swiper .swiper-button-next, .pagecaseLunbo-swiper .swiper-button-prev:after, .pagecaseLunbo-swiper .swiper-button-next:after{ display:none;} } /*pageMore*/ .pageMore{text-align: center;display: block; margin:0 auto; padding-top:60px;} .pageMore a{display:inline-block; margin:0 auto;font-size:14px;line-height:50px;border-radius:50px;padding:0px 40px;background-image:linear-gradient(-90deg,#4f7efc 0%,#55a7ff 100%);background-blend-mode:normal,normal;color:#fff;text-align: center;} .pageMore a:hover{box-shadow:0 2px 30px rgba(0,0,0,0.3);} /*pageishare*/ .pageishare{ padding:0 0;} /*pageValue*/ .pageValue{/*padding-top:80px;padding-bottom:30px;*/overflow:hidden;} /*pageValueTable*/ .pageValueTable{ margin-bottom:30px;} .pageValueTable>td{ width:50%;padding-top:0; padding-bottom:0;vertical-align:middle; text-align:center; position:relative; background:#fff;} .pageValueTable td.td1{width:54.54545454545455%;} .pageValueTable td.td2{width:45.45454545454545%;} .pageValueTable td h2{font-size:24px; color:#3b4048;line-height:30px;font-weight:400;margin-bottom:80px; padding-left:30px;} .pageValueTable td h2 strong{ color:#4b7dfc;font-weight:600;} .pageValueTable td p{ font-size:16px; color:#333333;line-height:30px;} .pageValueTable td.td2{padding-left:6%; padding-right:6%;} /*pageValueTable2*/ .pageValueTable2{ width:auto;} .pageValueTable2 td{padding:0 30px; min-width:33.3333%;} .pageValueTable2 td img{ width:56px;} @media screen and (max-width:1220px) {.pageValue{/*padding-top:70px;padding-bottom:30px;*/} .pageValueTable{ max-width:840px; margin:0 auto;} .pageValueTable td.td1,.pageValueTable td.td2{width:100%!important; display:block!important; padding:5% 0;} .pageValueTable td h2{font-size:20px;margin-bottom:70px;} } @media screen and (max-width:768px) {.pageValue{/*padding-top:50px;padding-bottom:30px;*/} .pageValueTable>td{ width:100%!important; display:block!important; padding:5% 0;} .pageValueTable2 td{padding:0 15px; min-width:33.3333%;} .pageValueTable2 td img{ width:40px;} .pageValueTable td h2{font-size:18px;margin-bottom:50px;padding-left:15px;} .pageValueTable td p{ font-size:14px;line-height:28px;} } /*pageTedian*/ .pageTedian{padding-top:0px;padding-bottom:0px;overflow:hidden; /*margin-bottom:30px;*/} /*pageTedianLunbo-swiper*/ .pageTedianLunbo-swiper{position:relative;background:url("../image/farma-fanganbg.jpg") top center no-repeat #f5f6f7;background-size:cover;overflow:hidden; padding-top:80px; padding-bottom:80px;} .pageTedianLunbo-swiper .swiper-container{width:57.29166666666667%;overflow:visible;} .pageTedianLunbo-swiper .swiper-slide{width:50%;} .pageTedianLunbo-swiper .swiper-slide .item{display: block; margin:0 30px; position:relative;border-radius:10px; overflow:hidden; background:#fff;box-shadow:0 2px 30px rgba(0,0,0,0.05); padding-bottom:230px;} .pageTedianLunbo-swiper .swiper-slide .item .picB{display: block;background-color:#fff;position:relative;background-size:100%;} .pageTedianLunbo-swiper .swiper-slide .item .picB,.pageTedianLunbo-swiper .swiper-slide .item .titNr, .pageTedianLunbo-swiper .swiper-slide .item .des,.pageTedianLunbo-swiper .swiper-slide .item,.pageTedianLunbo-swiper .swiper-slide .item .t,.pageTedianLunbo-swiper .swiper-slide .item .icon, .pageTedianLunbo-swiper .swiper-slide .item .pic img, .pageTedianLunbo-swiper .swiper-slide .item{-webkit-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;transition: all .5s ease-in-out; } .pageTedianLunbo-swiper .swiper-slide .item .pic{display: block;position: relative;width: 100%;padding-bottom:55.67010309278351%;overflow: hidden;vertical-align:bottom; background:#f1f1f1;} .pageTedianLunbo-swiper .swiper-slide .item .pic img{position: absolute;top:50%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%,-50%);display: block;max-width:none; width:auto; max-height:auto; height:100%;} .pageTedianLunbo-swiper .swiper-slide .item:hover .pic img{-moz-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%); -webkit-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);-ms-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);} .pageTedianLunbo-swiper .swiper-slide .item .tit{position:absolute;bottom:0;right:0;left:0;} .pageTedianLunbo-swiper .swiper-slide .item .titNr{padding-top:80px; padding-bottom:25px; padding-left:60px; padding-right:60px;background:#4b7dfc;border-radius:10px;overflow:hidden; min-height:230px;} .pageTedianLunbo-swiper .swiper-slide .item .t{font-size:22px;line-height:30px;color:#fff;text-align:center;font-weight:400; margin-bottom:25px;} .pageTedianLunbo-swiper .swiper-slide .item .des{font-size:16px;line-height:30px;color:#fff;min-height:150px;text-align: center; font-weight:300;margin-bottom:35px;} .pageTedianLunbo-swiper .swiper-slide .item .icon{text-align:center;} .pageTedianLunbo-swiper .swiper-slide .item .icon img{width:60px;} .pageTedianLunbo-swiper .swiper-slide .item .tit2{position:absolute;bottom:0;right:0;left:0;height:240px;background:#fff;} .pageTedianLunbo-swiper .swiper-slide .item .tit2 .t{color:#000; margin-bottom:0;position:absolute;top:50%; margin:0 auto; text-align:center; left:0;right:0;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);} .pageTedianLunbo-swiper .swiper-slide .item .tit2 .t .icon{ padding-bottom:10px;} /*hover*/ .pageTedianLunbo-swiper .swiper-slide.swiper-slide-active .item .more, .pageTedianLunbo-swiper .swiper-slide .item:hover{box-shadow:0 2px 30px rgba(0,0,0,0.3);} .pageTedianLunbo-swiper .swiper-slide .item .titNr{height:240px; overflow:hidden;} .pageTedianLunbo-swiper .swiper-slide .item:hover .titNr{height:auto;} /*.pageTedianLunbo-swiper .swiper-slide .item:hover .des{height:0; overflow:hidden;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;visibility:hidden;} .pageTedianLunbo-swiper .swiper-slide .item:hover .icon{height:0; overflow:hidden;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;visibility:hidden;}*/ .pageTedianLunbo-swiper .swiper-slide .item:hover .t{color:#fff;} .pageTedianLunbo-swiper .swiper-slide .item .tit2{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1; visibility:visible;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} .pageTedianLunbo-swiper .swiper-slide .item:hover .tit2{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0; visibility:hidden;-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-o-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);} .pageTedianLunbo-swiper .swiper-slide .item .tit{-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;transition: all .3s ease-in-out;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0; visibility:hidden;-webkit-transform:translateY(60px);-moz-transform:translateY(60px);-o-transform:translateY(60px);-ms-transform:translateY(60px);transform:translateY(60px);} .pageTedianLunbo-swiper .swiper-slide .item:hover .tit{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1; visibility:visible;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);} /*swiper-button*/ .pageTedianLunbo-swiper .swiper-button-prev{ outline:none;width:60px;height:60px;margin-top:-30px;position:absolute;top:50%;left:3%;border-radius:50%;background:url("../image/page-left.png") center center no-repeat;background-size:100%;z-index:2;box-shadow:0 2px 30px rgba(0,0,0,0.1);} .pageTedianLunbo-swiper .swiper-button-next{ outline:none;width:60px;height:60px;margin-top:-30px;position:absolute;top:50%;right:3%;border-radius:50%;background:url("../image/page-right.png") center center no-repeat;background-size:100%;z-index:2;box-shadow:0 2px 30px rgba(0,0,0,0.1);} .pageTedianLunbo-swiper .swiper-button-prev.swiper-button-disabled, .pageTedianLunbo-swiper .swiper-button-next.swiper-button-disabled{opacity:0;} @media screen and (max-width:1640px) { .pageTedianLunbo-swiper .swiper-slide .item{margin:0 20px; } .pageTedianLunbo-swiper .swiper-slide .item .titNr{padding-left:50px; padding-right:50px;} .pageTedianLunbo-swiper .swiper-container{width:70%;} } @media screen and (max-width:1440px) { .pageTedianLunbo-swiper .swiper-slide .item{margin:0 10px; } .pageTedianLunbo-swiper .swiper-slide .item .titNr{padding-left:40px; padding-right:40px;} .pageTedianLunbo-swiper .swiper-container{width:75%;} .pageTedianLunbo-swiper .swiper-slide .item .t{font-size:20px;line-height:30px;margin-bottom:20px;} .pageTedianLunbo-swiper .swiper-slide .item .des{font-size:14px;line-height:28px;min-height:140px;margin-bottom:20px;} .pageTedianLunbo-swiper .swiper-slide .item .icon img{width:50px;} } @media screen and (max-width:1320px) { .pageTedianLunbo-swiper .swiper-slide .item{margin:0 10px; } .pageTedianLunbo-swiper .swiper-slide .item .titNr{padding-left:40px; padding-right:40px;} .pageTedianLunbo-swiper .swiper-container{width:80%;} } @media screen and (max-width:1220px) {.pageTedianLunbo-swiper{padding-top:70px; padding-bottom:70px;} .pageTedianLunbo-swiper .swiper-slide .item{margin:0 10px; } .pageTedianLunbo-swiper .swiper-container{width:94%;} .pageTedianLunbo-swiper .swiper-slide .item .titNr{padding-top:70px; padding-bottom:20px; padding-left:30px; padding-right:30px;min-height:230px;} } @media screen and (max-width:768px) {.pageTedianLunbo-swiper{padding-top:50px; padding-bottom:50px;} .pageTedianLunbo-swiper .swiper-slide{width:100%; } .pageTedianLunbo-swiper .swiper-slide .item{margin:0 10px;padding-bottom:230px;} .pageTedianLunbo-swiper .swiper-slide .item .titNr{padding-top:50px; padding-bottom:20px; padding-left:20px; padding-right:20px;min-height:230px;} .pageTedianLunbo-swiper .swiper-slide .item .t{font-size:18px;line-height:30px;margin-bottom:20px;} .pageTedianLunbo-swiper .swiper-slide .item .des{font-size:13px;line-height:24px;min-height:120px;margin-bottom:20px;} .pageTedianLunbo-swiper .swiper-slide .item .icon img{width:40px;} .pageTedianLunbo-swiper .swiper-button-prev, .pageTedianLunbo-swiper .swiper-button-next{opacity:0.5;} } /*pageJiagou*/ /*.delivery1, .pageJiagou{padding-top:50px;padding-bottom:50px;overflow:hidden;}*/ /*pageFangan*/ .pageFangan{padding-bottom:0px;padding-top:0px;overflow:hidden; background:#f3f4f9;} .pageFangan .pageTitleB{padding:70px 0;background:#fff;} .pageFangan .pageTitleB .pageTitle{margin-bottom: 0;} /*pageFanganLunbo-swiper*/ .pageFanganLunbo-swiper{position:relative;background-size:cover;overflow:hidden; padding-bottom:80px;} .pageFanganLunbo-swiper .img{padding-bottom:600px;background:#f5f6f7;background-repeat:no-repeat;background-position:center center; background-size:cover;} .pageFanganLunbo-swiper .swiper-container{max-width:1540px;width:80.20833333333333%;position:absolute; left:0;bottom:0;right:0; height:100%;border-radius:10px; overflow:hidden;} .pageFanganLunbo-swiper .swiper-slide{width:25%;} .pageFanganLunbo-swiper .swiper-slide .item{display: block;position:relative; padding-top:45px;} .pageFanganLunbo-swiper .swiper-slide .item .picB{display:none;} .pageFanganLunbo-swiper .swiper-slide .item .desB, .pageFanganLunbo-swiper .swiper-slide .item, .pageFanganLunbo-swiper .swiper-slide .item{-webkit-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;transition: all .5s ease-in-out; } .pageFanganLunbo-swiper .swiper-slide .item .pic{ display:none;} .pageFanganLunbo-swiper .swiper-slide .item .desB{background: url("../image/farma-fa-sd.png") center center repeat-x;background-size:100% 100%; height:456px;vertical-align:middle;align-items:center;/*垂直居中*/ justify-content: center;/*水平居中*/filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;visibility:hidden;-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-o-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px);} .pageFanganLunbo-swiper .swiper-slide .item .des{font-size:16px;line-height:30px;color:#000;text-align:left; font-weight:300; padding:0 13%;} .pageFanganLunbo-swiper .swiper-slide .item .tit{background:#fff; height:180px;border-right:1px solid #f7f7f8;} .pageFanganLunbo-swiper .swiper-slide .item .titNr{ padding-top:45px;} .pageFanganLunbo-swiper .swiper-slide .item .t{font-size:16px;line-height:30px;color:#3b4048;text-align:center;font-weight:400;} .pageFanganLunbo-swiper .swiper-slide .item .icon{text-align:center;} .pageFanganLunbo-swiper .swiper-slide .item .icon img{width:60px;} /*active*/ .pageFanganLunbo-swiper .swiper-slide.swiper-slide-active .item .tit, .pageFanganLunbo-swiper .swiper-slide.active .item .tit, .pageFanganLunbo-swiper .swiper-slide .item:hover .tit{background: url("../image/farma-fa-sd2.jpg") left bottom no-repeat #fff;} .pageFanganLunbo-swiper .swiper-slide.active .item .desB{filter:alpha(opacity=1);-moz-opacity:1;-khtml-opacity:1;opacity:1;visibility:visible;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-o-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);} /*swiper-button*/ .pageFanganLunbo-swiper .swiper-button-prev{outline:none;width:60px;height:60px;margin-top:-30px;position:absolute;top:50%;left:3%;border-radius:50%;background:url("../image/page-left.png") center center no-repeat;background-size:100%;z-index:2;} .pageFanganLunbo-swiper .swiper-button-next{outline:none;width:60px;height:60px;margin-top:-30px;position:absolute;top:50%;right:3%;border-radius:50%;background:url("../image/page-right.png") center center no-repeat;background-size:100%;z-index:2;} .pageFanganLunbo-swiper .swiper-button-prev.swiper-button-disabled, .pageFanganLunbo-swiper .swiper-button-next.swiper-button-disabled{opacity:0;} @media screen and (max-width:1640px) { .pageFanganLunbo-swiper .img{padding-bottom:500px;} .pageFanganLunbo-swiper .swiper-slide .item .desB{height:357px;} } @media screen and (max-width:1440px) { .pageFanganLunbo-swiper .img{padding-bottom:450px;} .pageFanganLunbo-swiper .swiper-slide .item .desB{height:307px;} .pageFanganLunbo-swiper .swiper-slide .item .titNr{ padding-top:25px;} .pageFanganLunbo-swiper .swiper-slide .item .tit{height:160px;} .pageFanganLunbo-swiper .swiper-slide .item .t{font-size:16px;line-height:30px;} .pageFanganLunbo-swiper .swiper-slide .item .icon img{width:55px;} .pageFanganLunbo-swiper .swiper-slide .item .des{padding:0 10%;} } @media screen and (max-width:1320px) { .pageFanganLunbo-swiper .img{padding-bottom:350px;} .pageFanganLunbo-swiper .swiper-slide .item .desB{height:257px;} .pageFanganLunbo-swiper .swiper-slide .item .icon img{width:50px;} .pageFanganLunbo-swiper .swiper-slide .item .des{font-size:14px;line-height:26px;padding:0 8%;} } @media screen and (max-width:1220px) { .pageFanganLunbo-swiper .swiper-container{width:94%} } @media screen and (max-width:768px) { .pageFangan .pageTitleB{padding:50px 0;background:#fff;} .pageFanganLunbo-swiper .swiper-slide .item .icon img{width:40px;} .pageFanganLunbo-swiper .swiper-slide{width:100%;} .pageFanganLunbo-swiper .swiper-slide.swiper-slide-active .item .desB{filter:alpha(opacity=1);-moz-opacity:1;-khtml-opacity:1;opacity:1;visibility:visible;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-o-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);} .pageFanganLunbo-swiper .swiper-button-prev, .pageFanganLunbo-swiper .swiper-button-next{opacity:0.5;} } /*pageValueTable3*/ .pageValueTable3{} .pageValueTable3 td{ width:50%;padding-top:0; padding-bottom:0;vertical-align:middle; text-align:center; position:relative; background:#fff;} .pageValueTable3 td.td1 img{ display:block;} .pageValueTable3 td h2{font-size:22px; color:#4b7dfc; line-height:30px; font-weight:600; margin-bottom:20px;} .pageValueTable3 td p{ font-size:16px; color:#333333; line-height:30px; text-transform:uppercase; max-width:450px; margin:0 auto;} .pageValueTable3 td.td2{padding-left:3%; padding-right:3%; background-size:100%;} @media screen and (max-width:1220px) { .pageValueTable3 td h2{font-size:20px;} .pageValueTable3 td p{ font-size:14px; } } @media screen and (max-width:768px) { .pageValueTable3 td{ width:100%!important; display:block!important; padding:5% 0;} .pageValueTable3 td h2{font-size:18px;} } .pageApp{background:url("../image/farmd-jiagoubg.jpg") center top no-repeat;background-size:cover;overflow:hidden; padding:0 0; /*margin:50px 0;*/} @media screen and (max-width:768px) { .pageApp{/*margin:30px 0;*/} } /*pageValueB*/ .pageValueB{padding-top:100px;padding-bottom:120px;overflow:hidden;} @media screen and (max-width:1024px) { .pageValueB{padding-top:70px;padding-bottom:70px;} } @media screen and (max-width:768px) { .pageValueB{padding-top:50px;padding-bottom:50px;} } /*pageTitle2*/ .pageTitle2{text-align:center;margin-bottom:45px;position:relative;background:url("../image/plan-titbg.png") center top no-repeat; padding-top:30px; padding-bottom:30px;} .pageTitle2 .cn{font-size:24px;color:#4b7dfc;line-height:normal; font-weight:bold;} .pageTitle2 .en{font-size:14px;color:#b4b5bd;line-height:34px;text-transform:uppercase;font-family:Arial, Helvetica, sans-serif; font-weight:300;} @media screen and (max-width:1024px) { .pageTitle2 .cn{font-size:22px;} } @media screen and (max-width:768px) { .pageTitle2 .cn{font-size:20px;} .pageTitle2 .en{font-size:12px;line-height:30px;} } /**/ .pageTableTit{ text-align:center;font-size:16px;color:#000000;line-height:30px;margin-bottom:30px;} .pageTableTit h2{font-size:22px;color:#000000;line-height:32px;text-align:center;font-weight:600; margin-bottom:35px;} @media screen and (max-width:1024px) { .pageTableTit h2{font-size:20px;} } @media screen and (max-width:768px) { .pageTableTit h2{font-size:18px;margin-bottom:30px;} } /*indexJishuList*/ .pageJishu{ padding:0 0;} .indexJishuList{margin:0 auto;} .indexJishuList ul{ font-size:0;} .indexJishuList li{ display:inline-block;*display:inline;zoom:1;width:33.33333%;vertical-align:top;} .indexJishuList .item{display:block;overflow:hidden;position:relative; background:#fff;} .indexJishuList .imgBox{ text-align:left; overflow:hidden;height:0;position: relative;padding-bottom:60.15625%;} .indexJishuList .imgBox:after{ content:'';filter:alpha(opacity=60);-moz-opacity:.6;-khtml-opacity:.6;opacity:.6;position: absolute;top:0;left:0; width:100%; height:100%; background:#000;} .indexJishuList .imgBox img{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);display: block;width:auto; max-width: none;height:100%;} .indexJishuList li:nth-child(2n) .imgBox:after{ background:#4b7dfc;filter:alpha(opacity=80);-moz-opacity:.8;-khtml-opacity:.8;opacity:.8;} .indexJishuList .title{ text-align:center;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);} .indexJishuList .title .t{font-size:18px;line-height:30px;color:#fff;} .indexJishuList .title .icon img{ max-width:65px;} /*hocwe*/ .indexJishuList .item,.indexJishuList .title:after,.indexJishuList .title .t, .indexJishuList .imgBox img{-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;-ms-transition: all 0.3s;transition: all 0.3s;} .indexJishuList .item:hover .imgBox img{-moz-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%); -webkit-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);-ms-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);} @media screen and (max-width:1024px) { .indexJishuList li{ width:50%;} } @media screen and (max-width:768px) { .indexJishuList li{ width:100%;}.indexJishuList .title .icon img{ max-width:60px;} .indexJishuList .title .t{font-size:16px;} } /*pageProjectImgBox*/ .pageProject{ /*padding-top:100px;*/ padding-bottom:50px;} .pageProjectBox{margin:0 auto;position:relative;background:#fff;} .pageProjectBox .pageProjectImgBox{width:67.53246753246753%;height:auto;text-align:left; overflow:hidden; float:left;} .pageProjectBox .pageProjectImgBox .swiper-slide{width:100%;background:#fafafa;} .pageProjectBox .pageProjectImgBox .item{display:block;} .pageProjectBox .pageProjectImgBox .ImgBox{overflow:hidden;/*padding-bottom:44.23076923076923%;*/ padding-bottom:460px;position:relative;} .pageProjectBox .pageProjectImgBox .ImgBox img {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);display: block;max-width: none;/*height: 100%;*/ width:100%;} .pageProjectBox .pageProjectImgBox a, .pageProjectBox .pageProjectImgBox .ImgBox, .pageProjectBox .pageProjectImgBox .ImgBox img{-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} .pageProjectBox .pageProjectImgBox .ImgBox:hover img{-webkit-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);-moz-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%); -o-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);-ms-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);} /*pageProjectList*/ .pageProjectBox .pageProjectlunboBox{width:31.16883116883117%; float:right;background:#eff1f6;} .pageProjectBox .pageProjectList{font-size:0; line-height:0; height:auto!important; } .pageProjectBox .pageProjectList li{width:100%; display:block;background:#eff1f6;} .pageProjectBox .pageProjectList li, .pageProjectBox .pageProjectList li .item{-moz-transition: all .3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;transition: all .3s ease-in-out;} .pageProjectBox .pageProjectList .item{align-items:center;/*垂直居中*/justify-content: center;/*水平居中*/ height:460px;/*min-height:23.95833333333333vw;*/} .pageProjectBox .pageProjectList .info{padding:50px 64px;} .pageProjectBox .pageProjectList .tit{ display:block;font-size:22px;line-height:normal;color:#000000;margin-bottom:30px;} .pageProjectBox .pageProjectList .des{font-size:16px;color:#000000;line-height:30px;font-weight:300;} .pageProjectBox .pageProjectList .des{max-height:300px; overflow-y:scroll;} .pageProjectBox .pageProjectList .des::-webkit-scrollbar{width:5px;background-color:#eff1f6} .pageProjectBox .pageProjectList .des::-webkit-scrollbar-thumb{background-color:#085cc2} /*swiper-button*/ .pageProject .swiper-button-prev{position:absolute;left:4.5%;top:50%;opacity:1;width:24px;height:42px;margin-top:-21px;background:url("../image/index-left.png") center center no-repeat;background-size:100%;z-index:2;outline:none;} .pageProject .swiper-button-next{position:absolute;right:4.5%;top:50%;opacity:1;width:24px;height:42px;margin-top:-21px;background:url("../image/index-right.png") center center no-repeat;background-size:100%;z-index:2;outline:none;} .pageProject .swiper-button-prev.swiper-button-disabled, .pageProject .swiper-button-next.swiper-button-disabled{opacity:0;} /*swiper-pagination*/ .pageProject .swiper-pagination{ position: absolute; bottom:20px;left:120px; text-align:left; margin:0; display:none;} .pageProject .swiper-container-horizontal>.swiper-pagination-bullets, .pageProject .swiper-pagination-custom, .pageProject .swiper-pagination-fraction{bottom:0;} .pageProject .swiper-pagination-bullet{width:8px;height:8px;background-color:#fff;border-radius:50%;opacity:1;border:2px solid #b4b5bd;} .pageProject .swiper-pagination-bullet-active{background-color:#4f7efc;border-color:#4f7efc;} @media screen and (max-width:1220px){ .pageProject{ padding-top:90px;} .pageProjectBox .pageProjectList .info{padding:30px 30px;} .pageProjectBox .pageProjectImgBox .ImgBox{padding-bottom:400px;} .pageProjectBox .pageProjectList .item{height:400px} .pageProjectBox .pageProjectList .tit{font-size:18px;margin-bottom:20px;} .pageProjectBox .pageProjectList .des{font-size:14px;} } @media screen and (max-width:1024px){ .pageProject{ padding-top:70px;} } @media screen and (max-width:992px){ .pageProjectBox .pageProjectImgBox{width:100%;float:none;} .pageProjectBox .pageProjectlunboBox{width:100%;position: static; left:0%;height:auto; margin-bottom:30px;} .pageProjectBox .pageProjectlunbo{width:100%;position:static; left:0;top:0;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0); margin-bottom:30px;} .pageProjectBox .pageProjectImgBox .ImgBox{padding-bottom:44.23076923076923%;} .pageProjectBox .pageProjectList .item{height:auto;} } @media screen and (max-width:768px){ .pageProject{ padding-top:50px;} } /*pagePingtaiList*/ .pagePingtai{padding:0 0;overflow:hidden;} .pagePingtaiList{margin:0 auto;} .pagePingtaiList ul{ font-size:0;} .pagePingtaiList li{ display:inline-block;*display:inline;zoom:1;width:100%;vertical-align:top;background-position:left top;background-repeat:no-repeat; background-size:cover;} .pagePingtaiList .item{ width:80.20833333333333%; margin:0 auto;display:block;overflow:hidden;position:relative;align-items:center;/*垂直居中*/justify-content: center;/*水平居中*/ min-height:23.95833333333333vw;} .pagePingtaiList .imgBox{float:left; width:50%;} .pagePingtaiList .imgBox img{display: block;width:100%;height:auto; vertical-align:baseline;} .pagePingtaiList .title{ float:left; width:50%; min-height:33.85416666666667vw;align-items:center;/*垂直居中*/justify-content: center;/*水平居中*/ padding:50px 0; } .pagePingtaiList .title .t{font-size:30px;line-height: normal;color:#333333; text-align:center; margin-bottom:45px;} .pagePingtaiList .des{font-size:16px;color:#000000;line-height:30px;font-weight:300;} .pagePingtaiList .des table{ max-width:640px; margin:0 auto;margin-top:74px;} .pagePingtaiList .des table td{font-size:16px;color:#646464; vertical-align:baseline; text-align:center;border-left:1px solid #b6b6b6;} .pagePingtaiList .des table td:nth-child(1){border-left:none;} .pagePingtaiList .des table td b{ font-size:30px; color:#4b7dfc; font-weight:bold;} .pagePingtaiList .des table td b i{ font-style:normal;font-weight:400; font-size:18px; vertical-align:top; position:relative;top:5px; line-height:0; margin-left:5px;} .pagePingtaiList li.li2 .imgBox{float:right;} @media screen and (max-width:1440px){ .pagePingtaiList .des table td b{ font-size:26px;} .pagePingtaiList .des table{margin-top:64px;} .pagePingtaiList .title .t{font-size:28px;margin-bottom:45px;} } @media screen and (max-width:1220px){ .pagePingtaiList .imgBox{float:none!important; width:100%; max-width:640px; margin:0 auto;} .pagePingtaiList .title{ float:none!important; width:100%; } .pagePingtaiList .des table td b{ font-size:24px;} .pagePingtaiList .des table{margin-top:54px;} .pagePingtaiList .title .t{font-size:26px;margin-bottom:40px;} } @media screen and (max-width:1024px){ .pagePingtaiList .des table td b{ font-size:22px;} .pagePingtaiList .des table{margin-top:44px;}.pagePingtaiList .title .t{font-size:24px;} } @media screen and (max-width:992px){ .pagePingtaiList .des table td b{ font-size:20px;} .pagePingtaiList .des table{margin-top:30px;} } @media screen and (max-width:768px){ .pagePingtaiList .des table td b{ font-size:18px;} .pagePingtaiList .des table td{font-size:14px; display:block!important; width:100%!important; padding:3% 0;border-left:none;} .pagePingtaiList .des table td b i{font-size:16px;} .pagePingtaiList .des{font-size:14px;} .pagePingtaiList .title .t{font-size:22px;margin-bottom:30px;} } /*pageGongneng*/ .pageGongneng{padding-top:100px;padding-bottom:120px;overflow:hidden;} @media screen and (max-width:1024px) { .pageGongneng{padding-top:70px;padding-bottom:70px;} } @media screen and (max-width:768px) { .pageGongneng{padding-top:50px;padding-bottom:50px;} } /*pageGongnengTable*/ .pageGongnengTable{} .pageGongnengTable td{ width:33.3333%; margin:0 10px;padding-top:70px;padding-bottom:110px;vertical-align:middle;background:url("../image/price-bg1.jpg") center bottom repeat-x #eef3fa;text-align:center; position:relative;border-top:10px solid #4b7dfc;border-radius:10px;} .pageGongnengTable td img{ display:block; width:80px; height:80px;border-radius:50%; margin:0 auto; margin-bottom:10px; background-color:#fff;} .pageGongnengTable td h2{font-size:22px; color:#000000; line-height:30px; font-weight:400;} .pageGongnengTable td p{ font-size:15px; color:#333333; line-height:30px;} .pageGongnengTable td.td1 img{background-size:100%;background-image:linear-gradient(-90deg,#4f7efc 0%,#55a7ff 100%);background-blend-mode:normal,normal;} .pageGongnengTable td:hover img .pageGongnengTable td,.pageGongnengTable td img{position:relative;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;-ms-transition: all 0.3s;transition: all 0.3s;} .pageGongnengTable td:hover img{-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);} @media screen and (max-width:1220px) { .pageGongnengTable td h2{font-size:20px;} .pageGongnengTable td p{ font-size:14px; } } @media screen and (max-width:1220px) { .pageGongnengTable td h2{font-size:18px;} .pageGongnengTable td p{ font-size:12px; } .pageGongnengTable td img{width:60px;height:60px;} } @media screen and (max-width:768px) { .pageGongnengTable{} .pageGongnengTable tr{ display:block;} .pageGongnengTable td{ width:100%!important; display:block!important; padding:5% 0;} .pageGongnengTable td h2{font-size:14px;} .pageGongnengTable td img{width:50px;height:50px;} } /*pageGaishu*/ /*.pageGaishu{padding-top:100px;padding-bottom:100px;overflow:hidden;} @media screen and (max-width:1024px) { .pageGaishu{padding-top:70px;padding-bottom:70px;} } @media screen and (max-width:768px) { .pageGaishu{padding-top:50px;padding-bottom:50px;} }*/ /*pageGaishuTable*/ .pageGaishuTable td{ width:33.3333%; margin:0 10px; vertical-align:top;} .pageGaishuTable td img{ display:block; margin:0 auto; margin-bottom:10px; background-color:#fff;} .pageGaishuTable td h2{font-size:22px; color:#000000; line-height:30px; font-weight:400;} .pageGaishuTable td p{ font-size:15px; color:#000; line-height:30px;} @media screen and (max-width:1220px) { .pageGaishuTable td h2{font-size:20px;} } @media screen and (max-width:768px) { .pageGaishuTable{ max-width:600px; margin:0 auto;} .pageGaishuTable tr{ display:block;} .pageGaishuTable td{ width:100%!important; display:block!important; padding:5% 0;} .pageGaishuTable td img{ width:100%;} .pageGaishuTable td h2{font-size:18px;} } /*pageChangjing*/ .pageChangjing{overflow:hidden; position:relative; padding:0 0;} .pageChangjing .pageTitle{ height:121px; position:absolute; left:0;top:0;right:0; text-align:center;background:url("../image/canteen-tusd.png") center top no-repeat;} @media screen and (max-width:768px) { .pageChangjing .pageTitle{ height:auto; position: static; left:0;top:0;right:0; text-align:center;background:none;} } /*pageGaishu*/ .pageJiesuan{padding-top:100px;padding-bottom:100px;overflow:hidden;} @media screen and (max-width:1024px) { .pageJiesuan{padding-top:70px;padding-bottom:70px;} } @media screen and (max-width:768px) { .pageJiesuan{padding-top:50px;padding-bottom:50px;} } /*pagelunbo2*/ .pageJiesuan .pagelunbo2 .swiper-box{border-bottom:1px solid #ebebeb} .pageJiesuan .pagelunbo2 .box-container{position:relative} .pageJiesuan .pagelunbo2 .icon{position:relative;width:0.8rem;height:0.8rem;margin:0 auto;border-radius:50%;box-shadow:0px 5px 25px 0px rgba(0,55,148,0.1)} .pageJiesuan .pagelunbo2 .icon img{position:absolute;left:0;top:0;z-index:10;transition:all 0.6s ease;-webkit-transition:all 0.6s ease;-moz-transition:all 0.6s ease;-ms-transition:all 0.6s ease;-o-transition:all 0.6s ease} .pageJiesuan .pagelunbo2 .icon .on{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);opacity:0;visibility:hidden} .pageJiesuan .pagelunbo2 .swiper-btn{transform:none;top:auto;bottom:-0.24rem;border-radius:50%;box-shadow:0px 5px 25px 0px rgba(0,0,0,0.1)} .pageJiesuan .pagelunbo2 .prev{left:-0.88rem;background-image:url(/Design/King-Tin/img/prev4.png)} .pageJiesuan .pagelunbo2 .prev:hover{background-image:url(/Design/King-Tin/img/prev5.png)} .pageJiesuan .pagelunbo2 .next{right:-0.88rem;background-image:url(/Design/King-Tin/img/next4.png)} .pageJiesuan .pagelunbo2 .next:hover{background-image:url(/Design/King-Tin/img/next5.png)} .pageJiesuan .company-swiper{padding-top:0.3rem} .pageJiesuan .company-swiper .swiper-slide{cursor:pointer;padding:0 0.3rem 0.3rem; width:25%;} .pageJiesuan .company-swiper .swiper-slide:after{content:"";width:100%;height:0.02rem;background-color:#4b7dfc;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transition:transform 0.3s ease;-moz-transition:transform 0.3s ease;-ms-transition:transform 0.3s ease;-o-transition:transform 0.3s ease;transition:transform 0.3s ease;position:absolute;left:0;bottom:0;z-index:10} .pageJiesuan .company-swiper .swiper-slide:hover:after,.pageJiesuan .company-swiper .swiper-slide.on:after,.pageJiesuan .company-swiper .swiper-slide.swiper-slide-active:after{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);} .pageJiesuan .company-swiper .swiper-slide:hover .icon .init,.pageJiesuan .company-swiper .swiper-slide.on .icon .init,.pageJiesuan .company-swiper .swiper-slide.swiper-slide-active .icon .init{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);opacity:0;visibility:hidden} .pageJiesuan .company-swiper .swiper-slide:hover .icon .on,.pageJiesuan .company-swiper .swiper-slide.on .icon .on,.pageJiesuan .company-swiper .swiper-slide.swiper-slide-active .icon .on{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1;visibility:visible} .pageJiesuan .company-swiper .swiper-slide:hover .title,.pageJiesuan .company-swiper .swiper-slide.on .title,.pageJiesuan .company-swiper .swiper-slide.swiper-slide-active .title{color:#4b7dfc} .pageJiesuan .company-swiper .title{text-align:center;color:rgba(23,23,29,0.6);font-size:0.18rem;line-height:0.3rem;margin-top:0.25rem;transition:color 0.3s ease;-webkit-transition:color 0.3s ease;-moz-transition:color 0.3s ease;-ms-transition:color 0.3s ease;-o-transition:color 0.3s ease} .pageJiesuan .company-detail-box{margin-top:0.8rem} .pageJiesuan .company-detail-box .box-container{box-shadow:0px 0.05rem 0.35rem 0px rgba(14,41,86,0.08)} .pageJiesuan .company-detail-box .swiper-slide{display:none} .pageJiesuan .company-detail-box .swiper-slide-active,.pageJiesuan .company-detail-box .on{display:flex;display:-webkit-box;/* Chrome 4+,Safari 3.1,iOS Safari 3.2+ */ display:-moz-box;/* Firefox 17- */ display:-webkit-flex;/* Chrome 21+,Safari 6.1+,iOS Safari 7+,Opera 15/16 */ display:-moz-flex;/* Firefox 18+ */ display:-ms-flexbox;/* IE 10 */} .pageJiesuan .company-detail-box .swiper-slide-active .pic,.pageJiesuan .company-detail-box .on .pic,.pageJiesuan .company-detail-box .swiper-slide-active .info,.pageJiesuan .company-detail-box .on .info{opacity:1;visibility:visible} .pageJiesuan .company-detail-box .swiper-slide-active .pic,.pageJiesuan .company-detail-box .on .pic{animation:fadeInRight50 1.2s ease} .pageJiesuan .company-detail-box .swiper-slide-active .info,.pageJiesuan .company-detail-box .on .info{animation:fadeInLeft50 1.2s ease} .pageJiesuan .company-detail-box .pic,.pageJiesuan .company-detail-box .info{width:50%;opacity:0;visibility:hidden} .pageJiesuan .company-detail-box .pic:hover img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);} .pageJiesuan .company-detail-box .info{padding:0.78rem 1rem 0.4rem 1.2rem} .pageJiesuan .company-detail-box .name,.pageJiesuan .company-detail-box .desc{padding-right:0.2rem} .pageJiesuan .company-detail-box .name{font-size:0.24rem;color:#4c7dfd;font-weight:400;line-height:0.48rem} .pageJiesuan .company-detail-box .desc{font-size:var(--fs16);color:#666;line-height:0.30rem;margin-top:0.20rem;overflow-y:auto;max-height:1.6rem} .pageJiesuan .company-detail-box .desc::-webkit-scrollbar{width:0.03rem;background-color:#f7f8f9} .pageJiesuan .company-detail-box .desc::-webkit-scrollbar-thumb{background-color:#082c7e} .pageJiesuan .company-detail-box .index-more{margin-top:0.6rem} @media screen and (max-width:1600px){ .pageJiesuan .pagelunbo2 .prev{left:-0.7rem} .pageJiesuan .pagelunbo2 .next{right:-0.7rem} .pageJiesuan .company-detail-box .info{padding:0.6rem 0.8rem 0.4rem 0.8rem} .pageJiesuan .company-detail-box .name{font-size:0.34rem} .pageJiesuan .pagelunbo2 .index-more{margin-top:0.48rem} } @media screen and (max-width:1440px){ .pageJiesuan .company-detail-box .name{font-size:0.32rem} .pageJiesuan .company-swiper .title, .pageJiesuan .company-detail-box .name:after{margin-top:0.2rem} .pageJiesuan .company-detail-box .desc{margin-top:0.36rem} } @media screen and (max-width:1004px){ .pageJiesuan .pagelunbo2 .swiper-box{border-bottom:1px solid #ebebeb} .pageJiesuan .pagelunbo2 .box-container{position:relative} .pageJiesuan .pagelunbo2 .icon{position:relative;width:0.8rem;height:0.8rem;margin:0 auto;border-radius:50%;box-shadow:0px 5px 25px 0px rgba(0,55,148,0.1)} .pageJiesuan .pagelunbo2 .icon img{position:absolute;left:0;top:0;z-index:10;transition:all 0.6s ease;-webkit-transition:all 0.6s ease;-moz-transition:all 0.6s ease;-ms-transition:all 0.6s ease;-o-transition:all 0.6s ease} .pageJiesuan .pagelunbo2 .icon .on{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);opacity:0;visibility:hidden} .pageJiesuan .pagelunbo2 .swiper-btn{bottom:-0.3rem} .pageJiesuan .pagelunbo2 .prev{left:0} .pageJiesuan .pagelunbo2 .next{right:0} .pageJiesuan .company-swiper .swiper-slide{padding:0 0.4rem 0.2rem} .pageJiesuan .company-swiper .swiper-slide:after{height:0.02rem} .pageJiesuan .company-swiper .title{font-size:0.24rem;line-height:0.36rem;height:0.72rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-top:0.25rem} .pageJiesuan .company-detail-box{margin-top:0.6rem;padding:0 0.3rem} .pageJiesuan .company-detail-box .box-container{padding:0} .pageJiesuan .company-detail-box .swiper-slide-active,.pageJiesuan .company-detail-box .on{display:block} .pageJiesuan .company-detail-box .pic,.pageJiesuan .company-detail-box .info{width:100%} .pageJiesuan .company-detail-box .info{padding:0.9rem 0.6rem} .pageJiesuan .company-detail-box .name{font-size:0.36rem;line-height:0.48rem;padding-right:0} .pageJiesuan .company-detail-box .name:after{width:0.6rem;margin-top:0.2rem} .pageJiesuan .company-detail-box .desc{font-size:0.28rem;line-height:0.48rem;max-height:3.36rem;margin-top:0.3rem} .pageJiesuan .company-swiper .swiper-slide{width:100%;} } /*pageTitle3*/ .pageTitle3{ width:320px; margin:0 auto;margin-bottom:45px; padding-left:86px; text-align:left;position:relative;background:url("../image/plan-titbg.png") center top no-repeat; padding-top:30px; padding-bottom:30px;} .pageTitle3 .cn{font-size:24px;color:#4b7dfc;line-height:normal; font-weight:bold;} .pageTitle3 .en{font-size:14px;color:#b4b5bd;line-height:34px;text-transform:uppercase;font-family:Arial, Helvetica, sans-serif; font-weight:300;} @media screen and (max-width:768px){ .pageTitle3 .cn{font-size:20px;} .pageTitle3 .en{font-size:12px;line-height:30px;} } /*pageShitangLunboImgBox*/ .pageShitangLunbo{padding-top:70px;overflow:hidden;width:100%;background:url("../image/canteen-2bg.jpg") center center no-repeat; background-size:cover;} .pageShitangLunboHot{padding-top:0px;position:relative;} .pageShitangLunboBox{margin:0 auto;} .pageShitangLunboBox .pageShitangLunboImgBox{width:37.66233766233766%;height:auto; float:left; text-align:center; overflow:hidden; position:absolute;bottom:0;left:0;} .pageShitangLunboBox .pageShitangLunboImgBox .swiper-slide{width:100%;} .pageShitangLunboBox .pageShitangLunboImgBox .ImgBox{overflow:hidden;position:relative;} .pageShitangLunboBox .pageShitangLunboImgBox .ImgBox img {max-width:100%; display:block;} .pageShitangLunboBox .pageShitangLunboImgBox a, .pageShitangLunboBox .pageShitangLunboImgBox .ImgBox, .pageShitangLunboBox .pageShitangLunboImgBox .ImgBox img{-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} .pageShitangLunboBox .pageShitangLunboImgBox .ImgBox:hover img{-webkit-transform: scale3d(1.05, 1.05, 1.05);-moz-transform: scale3d(1.05, 1.05, 1.05) ; -o-transform: scale3d(1.05, 1.05, 1.05);-ms-transform: scale3d(1.05, 1.05, 1.05);transform: scale3d(1.05, 1.05, 1.05);} /*pageShitangLunboList*/ .pageShitangLunboBox .pageShitangLunbolunboBox{width:62.33766233766234%;float:right;vertical-align:bottom;text-align:center; position:relative;} .pageShitangLunboBox .pageShitangLunboList{font-size:0; line-height:0; height:auto!important; } .pageShitangLunboBox .pageShitangLunboList li{width:100%; display:block;background:url("../image/canteen-2wzbg.jpg") center top no-repeat;background-size:100%;padding-top:55px;border-top-left-radius: 10px;border-top-right-radius: 10px;} .pageShitangLunboBox .pageShitangLunboList .item{align-items:center;/*垂直居中*/justify-content: left;/*水平居中*/ min-height:380px;background:#ffffff;border-top-left-radius: 10px; border-top-right-radius: 10px;} .pageShitangLunboBox .pageShitangLunboList .info{padding:50px 120px; text-align:left;} .pageShitangLunboBox .pageShitangLunboList h2{ display:block;font-size:22px;line-height:normal;color:#000000;margin-bottom:30px;} .pageShitangLunboBox .pageShitangLunboList .des{font-size:16px;color:#333333;line-height:30px;font-weight:300;} .pageShitangLunboBox .pageShitangLunboList .des p{ margin-bottom:10px;} .pageShitangLunboBox .pageShitangLunboList .des img{ width:17px; margin-right:5px; position:relative; top:4px;} /*swiper-button*/ .pageShitangLunbo .swiper-button-prev{position:absolute;left:4%;top:50%;border-radius:50%; overflow:hidden;opacity:1;width:40px;height:40px;margin-top:-20px;background:url("../image/page-left.png") center center no-repeat;background-size:100%;z-index:2;outline:none;box-shadow:0px 5px 25px 0px rgba(0,55,148,0.1)} .pageShitangLunbo .swiper-button-next{position:absolute;right:4%;top:50%;border-radius:50%; overflow:hidden;opacity:1;width:40px;height:40px;margin-top:-20px;background:url("../image/page-right.png") center center no-repeat;background-size:100%;z-index:2;outline:none;box-shadow:0px 5px 25px 0px rgba(0,55,148,0.1)} .pageShitangLunbo .swiper-button-prev.swiper-button-disabled, .pageShitangLunbo .swiper-button-next.swiper-button-disabled{opacity:0;} /*swiper-pagination*/ .pageShitangLunbo .swiper-pagination{ position: absolute; bottom:20px;left:120px; text-align:left; margin:0; display:none;} .pageShitangLunbo .swiper-container-horizontal>.swiper-pagination-bullets, .pageShitangLunbo .swiper-pagination-custom, .pageShitangLunbo .swiper-pagination-fraction{bottom:0;} .pageShitangLunbo .swiper-pagination-bullet{width:8px;height:8px;background-color:#fff;border-radius:50%;opacity:1;border:2px solid #b4b5bd;} .pageShitangLunbo .swiper-pagination-bullet-active{background-color:#4f7efc;border-color:#4f7efc;} /*pageShitangLunbo3*/ .pageShitangLunbo3 .pageShitangLunboBox .pageShitangLunboImgBox{float:right;left:auto;right:0;} .pageShitangLunbo3 .pageShitangLunboBox .pageShitangLunbolunboBox{float:left;} /**/ .pageShitangLunboBox .pageShitangLunboImgBox .swiper-slide .ImgBox{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;} .pageShitangLunboBox .pageShitangLunboImgBox .swiper-slide-active .ImgBox{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;} .pageShitangLunboBox .pageShitangLunboList .swiper-slide .info{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;} .pageShitangLunboBox .pageShitangLunboList .swiper-slide-active .info{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;} @media screen and (max-width:1220px){ .pageShitangLunbo{ padding-top:90px;} .pageShitangLunboBox .pageShitangLunboList .info{padding:50px 50px;} .pageShitangLunboBox .pageShitangLunboList h2{font-size:18px;margin-bottom:20px;} .pageShitangLunboBox .pageShitangLunboList .des{font-size:14px;} .pageShitangLunbo .swiper-button-prev{left:3%;} .pageShitangLunbo .swiper-button-next{right:3%;} } @media screen and (max-width:1024px){ .pageShitangLunbo{ padding-top:70px;} } @media screen and (max-width:992px){ .pageShitangLunboBox .pageShitangLunboImgBox{width:100%;float:none;position: static; text-align:center; margin:0 auto;} .pageShitangLunboBox .pageShitangLunboImgBox img{margin:0 auto;} .pageShitangLunboBox .pageShitangLunbolunboBox{float:none;width:100%;position: static; left:0%;height:auto;} .pageShitangLunbo3 .pageShitangLunboBox .pageShitangLunboImgBox{float:none;} .pageShitangLunbo3 .pageShitangLunboBox .pageShitangLunbolunboBox{float:none;} /*.pageShitangLunbo .swiper-button-prev{position:static;left:0;top:0;margin-top:20px; display:none;} .pageShitangLunbo .swiper-button-next{position:static;right:0;top:0;margin-top:20px; display:none;}*/ } @media screen and (max-width:768px){ .pageShitangLunbo{ padding-top:50px;} } /*pageqaBoxList*/ .pageqaBox{background:url("../image/text-fanganbg.jpg") center center no-repeat; background-size:cover;padding:110px 0;} .pageqaBoxList{margin:0 auto; font-size:0; line-height:0;} .pageqaBoxList .li{display:inline-block;*display:inline;zoom:1;width:33.333333%;vertical-align:top;} .pageqaBoxList .item{margin:0 20px; padding-top:80px;background:url("../image/text-titbg.jpg") center top no-repeat; background-size:100%;border-radius:10px;} .pageqaBoxList .info{padding:50px 25px; background:#fff;border-radius:10px; min-height:490px;} .pageqaBoxList h2{font-size:22px;line-height: normal;color:#000000; text-align:center; margin-bottom:30px; font-weight:400;} .pageqaBoxList .qalistul li{ padding:4px 0;} .pageqaBoxList .qalistul li a{ display:block; font-size:15px;line-height:30px;color:#535353;background:url("../image/q.png") left 6px no-repeat; background-size:18px;padding-left:30px;} @media screen and (max-width:1220px){ .pageqaBox{padding:90px 0;} .pageqaBoxList .item{margin:0 10px;} } @media screen and (max-width:1024px){.pageqaBoxList .item{padding-top:70px;} .pageqaBox{padding:70px 0;} .pageqaBoxList .item{margin:0 10px;}.pageqaBoxList h2{font-size:20px;} } @media screen and (max-width:768px){ .pageqaBox{padding:50px 0;} .pageqaBoxList{ max-width:640px;}.pageqaBoxList .item{padding-top:50px;}.pageqaBoxList .info{padding:40px 25px; min-height:inherit;} .pageqaBoxList .li{width:100%; margin-bottom:30px;}.pageqaBoxList h2{font-size:18px;}.pageqaBoxList .qalistul li a{ font-size:14px;} } /*pageYooushi*/ .pageYooushi{/*padding-top:80px;*/overflow:hidden; background:#f6f7fa;} /*pageYooushi-swiper*/ .pageYooushi-swiper{position: relative;overflow:hidden;padding-bottom:20px;} .pageYooushi-swiper .swiper-container{width:61.97916666666667%; overflow:visible;} .pageYooushi-swiper .swiper-slide{width:100%; } .pageYooushi-swiper .swiper-slide .item{display: block; margin:0 20px; position:relative; background: url("../image/text-youshibg.jpg") left bottom no-repeat #fff;border-radius:10px; overflow:hidden;} .pageYooushi-swiper .swiper-slide .item .picB, .pageYooushi-swiper .swiper-slide .item .pic img, .pageYooushi-swiper .swiper-slide .item{-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out; } .pageYooushi-swiper .swiper-slide .item .pic{display: block;position:relative;width: 100%;padding-bottom:74.66666666666667%;overflow: hidden;vertical-align:bottom;} .pageYooushi-swiper .swiper-slide .item .pic img{position: absolute;top:50%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%,-50%);display: block;max-width:none; width:auto; max-height:100%; height:100%;} .pageYooushi-swiper .swiper-slide .item:hover .pic img{-moz-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%); -webkit-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);-ms-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);} .pageYooushi-swiper .swiper-slide .item .picB{display: block; float:right; width:65.21739130434783%;} .pageYooushi-swiper .swiper-slide .item .tit{ float:left; width:34.78260869565217%;} .pageYooushi-swiper .swiper-slide .item .tit .titNr{padding:120px 60px;} .pageYooushi-swiper .swiper-slide .item .tit .num{font-size:34px; color:#4b7dfc;font-weight:bold; margin-bottom:10px;} .pageYooushi-swiper .swiper-slide .item .tit h2{font-size:24px;line-height:30px;color:#000000;font-weight:400;margin-bottom:25px;} .pageYooushi-swiper .swiper-slide .item .tit .des{font-size:16px;line-height:30px;color:#000000;font-weight:300;} /**/ .pageYooushi-swiper .swiper-button-prev{opacity: 1;width:180px;height:100%;position:absolute;top:0; margin-top:0;left:0;background: url("../image/page-honorsd1.png") left center repeat-y;background-size:180px;outline: none; z-index:3;} .pageYooushi-swiper .swiper-button-next{opacity: 1;width:180px;height:100%;position:absolute;top:0; margin-top:0;right:0;background: url("../image/page-honorsd2.png") right center repeat-y;background-size:180px;outline: none; z-index:3;} .pageYooushi-swiper .swiper-button-prev:after{content: '';width:62px; height:62px; margin-top:-31px; position:absolute;top:50%;left:0;border-radius:50%;background: url("../image/page-left.png") center center no-repeat;background-size:62px; z-index:2;} .pageYooushi-swiper .swiper-button-next:after{content: '';width:62px; height:62px; margin-top:-31px; position:absolute;top:50%;right:0;border-radius:50%;background: url("../image/page-right.png") center center no-repeat;background-size:62px; z-index:2;} .pageYooushi-swiper .swiper-button-prev.swiper-button-disabled, .pageYooushi-swiper .swiper-button-next.swiper-button-disabled{opacity:0;} /**/ .pageYooushi-swiper .swiper-pagination{ text-align:center;left:0;width: 100%; bottom:0; z-index:2; line-height:0; position:relative; margin-top:30px;} .pageYooushi-swiper .swiper-pagination-bullet { opacity:1!important; width:8px; height:8px; text-align: center;background:#cfd1d8;border-radius:50%;margin:0 4px!important; outline:none;} .pageYooushi-swiper .swiper-pagination-bullet-active {background:#4b7dfc;} @media screen and (max-width:1440px) { .pageYooushi-swiper .swiper-slide .item .picB{display: block; float:right; width:65.21739130434783%;} .pageYooushi-swiper .swiper-slide .item .tit{ float:left; width:34.78260869565217%;} .pageYooushi-swiper .swiper-slide .item .tit .titNr{padding:120px 50px;} .pageYooushi-swiper .swiper-slide .item .tit .num{font-size:32px;margin-bottom:10px;} .pageYooushi-swiper .swiper-slide .item .tit h2{font-size:22px;margin-bottom:25px;} .pageYooushi-swiper .swiper-slide .item .tit .des{font-size:16px;} } @media screen and (max-width:1320px) { .pageYooushi-swiper .swiper-container{width:80%;} .pageYooushi-swiper .swiper-slide .item .picB{width:60%;} .pageYooushi-swiper .swiper-slide .item .tit{width:40%;} .pageYooushi-swiper .swiper-slide .item .tit .titNr{padding:120px 50px;} .pageYooushi-swiper .swiper-slide .item .tit .num{font-size:30px;margin-bottom:10px;} .pageYooushi-swiper .swiper-slide .item .tit h2{font-size:20px;margin-bottom:25px;} .pageYooushi-swiper .swiper-slide .item .tit .des{font-size:16px;} } @media screen and (max-width:1220px) { .pageYooushi-swiper .swiper-container{width:61.97916666666667%;} .pageYooushi-swiper .swiper-slide .item .picB{width:100%; float:none;} .pageYooushi-swiper .swiper-slide .item .tit{width:100%; float:none;} .pageYooushi-swiper .swiper-slide .item .tit .titNr{padding:80px 50px;} .pageYooushi-swiper .swiper-slide .item .tit .num{font-size:28px;margin-bottom:10px;} .pageYooushi-swiper .swiper-slide .item .tit h2{font-size:18px;margin-bottom:25px;} } @media screen and (max-width:1024px) {.pageYooushi-swiper{/*padding-bottom:50px;*/} .pageYooushi{/*padding-top:50px;*/} .pageYooushi-swiper .swiper-slide .item{ margin:0 10px;} } @media screen and (max-width:768px) { .pageYooushi-swiper .swiper-container{width:100%; overflow:visible;} .pageYooushi-swiper .swiper-button-prev:after, .pageYooushi-swiper .swiper-button-next:after{display:none;} .pageYooushi-swiper .swiper-button-prev, .pageYooushi-swiper .swiper-button-next{ display:none;} .pageYooushi-swiper .swiper-slide .item .tit .titNr{padding:60px 30px;} .pageYooushi-swiper .swiper-slide .item .tit .num{font-size:24px;margin-bottom:10px;} .pageYooushi-swiper .swiper-slide .item .tit h2{font-size:16px;margin-bottom:20px;} } /*pageText-processList*/ .pageText-processList{margin:0 auto; padding-bottom:75px;padding-top:15px;} .pageText-processList ul{ font-size:0; margin:0 -27.5px;} .pageText-processList li{ display:inline-block;*display:inline;zoom:1;width:20%;vertical-align:top;background-position:left top;background-repeat:no-repeat; background-size:cover;position:relative;} .pageText-processList li:before{content: '';width:50%; height:1px;position:absolute;top:95px;left:0;background: url("../image/text-line.png") center center no-repeat;z-index:1;} .pageText-processList li:after{content: '';width:50%; height:1px;position:absolute;top:95px;left:50%;background: url("../image/text-line.png") center center no-repeat;z-index:1;} .pageText-processList li.li1:before,.pageText-processList li.li5:after{ width:0;} /**/ .pageText-processList .item{margin:0 27.5px;display:block;position:relative;} .pageText-processList .icon{ width:65px;margin:0 auto; text-align:center; margin-bottom:40px; padding-bottom:30px; position:relative;} .pageText-processList .icon:after{ content:''; position:absolute; left:0;right:0;bottom:-6px; margin:0 auto;width:6px; height:6px;border-radius:50%; overflow:hidden;border:3px solid #4b7dfc; background:#fff;z-index:2;} .pageText-processList .icon img{display: block;width:100%;height:auto; vertical-align:baseline;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} .pageText-processList li.active .icon img{display: block;width:100%;height:auto; vertical-align:baseline;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;} .pageText-processList .info{border-radius:10px;border:1px solid #eeeff3;overflow:hidden;} .pageText-processList .des{font-size:16px;color:#000000;line-height:26px;font-weight:300; padding:45px 30px;height:130px;align-items:center;justify-content: left;} .pageText-processList h2{font-size:18px;line-height:60px;height:60px;color:#fff; padding:0 30px;text-align:left;background: #44a3ff; filter:alpha(opacity=100) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#44a3ff,endcolorstr=#4c7dfd,gradientType=1); -ms-filter:alpha(opacity=100) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#44a3ff,endcolorstr=#4c7dfd,gradientType=1);/*IE8 */ background: -webkit-linear-gradient(left, #44a3ff, #4c7dfd 100%); background: -moz-linear-gradient(left, #44a3ff, #4c7dfd 100%); background: -ms-linear-gradient(left, #44a3ff, #4c7dfd 100%); background: -o-linear-gradient(left, #44a3ff, #4c7dfd 100%); background: linear-gradient(to right, #44a3ff, #4c7dfd 100%);} .pageText-processList li.active .info{animation:slide_in_stop2 1.5s infinite;-webkit-animation:slide_in_stop2 1.5s infinite;} @-webkit-keyframes slide_in_stop2 { 0% {-webkit-transform: translateY(0);transform: translateY(0)} 50% {-webkit-transform: translateY(10px);transform: translateY(10px)} 100% {-webkit-transform: translateY(0);transform: translateY(0)} } @keyframes slide_in_stop2 { 0% {-webkit-transform: translateY(0);transform: translateY(0)} 50% {-webkit-transform: translateY(10px);transform: translateY(10px)} 100% {-webkit-transform: translateY(0);transform: translateY(0)} } @media screen and (max-width:1800px) { .pageText-processList ul{margin:0 -25px;} .pageText-processList .item{margin:0 25px;} } @media screen and (max-width:1680px) { .pageText-processList ul{margin:0 -22px;} .pageText-processList .item{margin:0 22px;} } @media screen and (max-width:1440px) { .pageText-processList ul{margin:0 -20px;} .pageText-processList .item{margin:0 20px;} } @media screen and (max-width:1320px) { .pageText-processList ul{margin:0 -15px;} .pageText-processList .item{margin:0 15px;} } @media screen and (max-width:1220px) { .pageText-processList ul{margin:0 -10px;} .pageText-processList .item{margin:0 10px;} .pageText-processList .icon{ width:60px;margin-bottom:30px; padding-bottom:30px;} .pageText-processList li:before, .pageText-processList li:after{top:90px;} .pageText-processList .des{font-size:14px;padding:35px 20px;height:120px;} .pageText-processList h2{font-size:16px;line-height:50px;height:50px;padding:0 20px;} } @media screen and (max-width:1150px) {.pageText-processList{padding-bottom:60px;} .pageText-processList ul{margin:0 -8px;} .pageText-processList .item{margin:0 8px;} .pageText-processList .icon{ width:50px;margin-bottom:30px; padding-bottom:20px;} .pageText-processList li:before, .pageText-processList li:after{top:70px;} .pageText-processList .des{font-size:14px;padding:20px 20px;height:100px;} .pageText-processList h2{font-size:16px;line-height:50px;height:50px;padding:0 20px;} } @media screen and (max-width:768px) {.pageText-processList{padding-bottom:40px;} .pageText-processList li{width:33.333%; margin-bottom:30px;} .pageText-processList .icon{ width:45px;margin-bottom:30px; padding-bottom:20px;} .pageText-processList li:before, .pageText-processList li:after{top:65px;} } @media screen and (max-width:550px) {.pageText-processList{padding-bottom:30px;} .pageText-processList li{width:50%;} .pageText-processList li.li5{width:100%;} .pageText-processList .icon{ width:40px;margin-bottom:30px; padding-bottom:20px;} .pageText-processList li:before, .pageText-processList li:after{top:60px;} } /*pageTextTime*/ .pageTextTime{margin:0 auto;position:relative; width:100%; overflow:hidden;/* margin-bottom:70px;*/} .pageTextTime .line{ display:block;width:1920px; height:1px;position:absolute;top:50%;left:50%; margin-left:-960px;background: url("../image/text-line.png") center center repeat-x;z-index:0;} .pageTextTime:before{ content:''; position:absolute;left:0;top:50%; margin-top:-6px;width:6px; height:6px;border-radius:50%; overflow:hidden;border:3px solid #4b7dfc; background:#fff;z-index:1;} .pageTextTime:after{ content:''; position:absolute;right:0;top:50%; margin-top:-6px;width:6px; height:6px;border-radius:50%; overflow:hidden;border:3px solid #4b7dfc; background:#fff;z-index:1;} .pageTextTimeBox{font-size:16px;font-weight:300;color:#9ea0ae;line-height:26px;width:555px; margin:0 auto; height:160px; text-align:center; padding-top:57px;background: url("../image/bg2.png") center center no-repeat; background-size:100% 100%; position:relative; z-index:2;} .pageTextTimeBox h2{font-size:20px; color:#000000;font-weight:300;line-height:30px;} .pageTextTimeBox strong{font-weight:bold;color:#4b7dfc;} @media screen and (max-width:1220px) { .pageTextTimeBox{font-size:14px;width:500px;height:140px;padding-top:50px;} .pageTextTimeBox h2{font-size:18px;} } @media screen and (max-width:1150px) {.pageTextTime{margin-bottom:50px;} .pageTextTimeBox{font-size:14px;width:400px;height:130px;padding-top:40px;} .pageTextTimeBox h2{font-size:16px;} } @media screen and (max-width:768px) {.pageTextTime{margin-bottom:30px;} .pageTextTimeBox{font-size:14px;width:85%;height:130px;padding-top:40px;} .pageTextTimeBox h2{font-size:16px;} } /*index banner2*/ .ind1 .swiper1 .swiper-slide .sbox .wz{ width:100%; height:100%;} .ind1 .swiper1 .swiper-slide .sbox .wz a{ height:100%;text-align:center; position:relative;} .ind1 .swiper1 .swiper-slide .sbox .wzinfo{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);display: block; width:100%;} .ind1 .swiper1 .swiper-slide .sbox .wz h2{font-size:80px;color:#fff;font-weight:500;line-height:normal; margin-bottom:50px; position:relative;} .ind1 .swiper1 .swiper-slide .sbox .wz .MoreBtn{ text-align:center;} .ind1 .swiper1 .swiper-slide .sbox .wz .MoreBtn span{font-size:14px; line-height:33px;color:#fff; display:inline-block; padding-right:45px;background: url("../image/more2.png") right center no-repeat; background-size:33px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;-ms-transition: all 0.3s;transition: all 0.3s;} .ind1 .swiper1 .swiper-slide .sbox .wz .MoreBtn span:hover{padding-right:50px;} @media screen and (max-width:1920px) { .ind1 .swiper1 .swiper-slide .sbox .wz h2{font-size:4.166666666666667vw;margin-bottom:2.6vw;} } @media screen and (max-width:960px) { .ind1 .swiper1 .swiper-slide .sbox .wz h2{font-size:6vw;margin-bottom:4vw;} } /*indexNewsList补充修改2024*/ /*lind1*/ .indexNewsList li.li1{visibility:hidden;} /*indexNewstu*/ .indexNewsList .indexNewstu{width:405px;height:510px;position:absolute; left:0;top:0;border-radius:5px; z-index:2;} .indexNewsList .indexNewstu a{display:block;border-radius:5px; height:100%; overflow:hidden;} .indexNewsList .indexNewstu .imgB{position:relative;height:100%; overflow:hidden;} .indexNewsList .indexNewstu .imgB img{display:block;width:100%;height:100%;max-width:100%;object-fit:cover;} .indexNewsList .indexNewstu a, .indexNewsList .indexNewstu .imgB img{-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;} .indexNewsList .indexNewstu a:hover .imgB img {-moz-transform:scale3d(1.05,1.05,1.05);-webkit-transform:scale3d(1.05,1.05,1.05);-ms-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05);} .indexNewsList .indexNewstu .imgB_mb{ display:none;} @media screen and (max-width:1320px){ .indexNewsList .indexNewstu{width:305px;height:405px;} } @media screen and (max-width:768px){ .indexNewsList li.li1{ visibility: visible; display:none!important;} .indexNewsList .indexNewstu{width:100%;height:100%; position:static; margin-bottom:20px;} .indexNewsList .indexNewstu .imgB{position:relative;height:auto;overflow:hidden;display:none!important} .indexNewsList .indexNewstu .imgB_mb{display:block;} .indexNewsList .indexNewstu .imgB_mb img{display:block;width:100%;} }