/* reset*/ 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{font-family:Microsoft Yahei,"微软雅黑",Arial, Helvetica, sans-serif;font-size:100%;} 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,li{list-style:none;margin:0;padding:0;} a{text-decoration:none;color:inherit;outline:none;} 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%;outline:none;border:none} *{margin:0;padding:0;box-sizing:border-box} input,textarea,select{outline:none} a{color:#333333;text-decoration:none;outline:none;} a:link{text-decoration:none;outline:none;} a:visited{text-decoration:none;outline:none;} a:hover{text-decoration:none;color:#000;outline:none;} a:focus{outline:none;} /* 去除iPhone中默认的input样式 */ input,select,button{appearance:none;-o-appearance:none;-ms-appearance:none;-moz-appearance:none;-webkit-appearance:none;resize:none;border-radius:0;outline:none;border:none;background-color:transparent;font-family:inherit;font-size:inherit;color:inherit;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:middle;} textarea{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:middle;} input[type="button"],input[type="radio"],input[type="checkbox"],input[type="submit"],button{cursor:pointer;} /*end reset*/ .clearfix:before, .clearfix:after{content:"";display:block;height:0;overflow:hidden;} .clearfix:after{clear:both;} .clearfix{zoom:1;} *{margin:0;padding:0;box-sizing:border-box} @media (min-width:1025px) { ::-webkit-scrollbar{width: 10px;height: 10px;background-color:rgba(255, 255, 255, 0.2);-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;} ::-webkit-scrollbar-thumb{ background-color:rgba(200, 200, 200, 1);-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;} } /* CSS Document */ body{background-color:#fff;overflow-x:hidden;color:#000;font-size:14px;position:relative;min-width:320px;width:100%;} body{font-size:16px;overflow-x:hidden} #content{position:relative;} .w1820{width:94.79166666666667%;margin-left: auto;margin-right: auto;} .w1720{width:auto;padding:0 100px;margin-left: auto;margin-right: auto;} .container{padding:0 80px;} .w1400{width:1600px;margin-left: auto;margin-right: auto; } .w1200{width:1280px;margin-left: auto;margin-right: auto;} .w1560{width:1524px;margin-left: auto;margin-right: auto;} @media (max-width: 1740px){ .w1400 {width:1400px; } .w1200{width:1180px;} .w1560{width:1424px;} } @media (max-width: 1640px){ .container{padding:0 0.8rem;} .w1400 {width:16rem;} .w1200 {width:12.8rem;} .w1560 {width:14.24rem;} } /*@media (max-width: 1520px){ .w1400 {width: 1300px; } } @media (max-width: 1320px){ .w1400 {width: 94%; } .w1200 {width: 1200px; } }*/ @media (max-width: 1220px){ .w1200{width: 1000px;} .w1400{width: 94%;} .container{padding:0 60px;} .w1560 {width:auto;padding:0 60px;} } @media (max-width: 1150px){ .w1200{width: 920px; } } @media (max-width: 1024px){ .w1400 {width:94%; } .w1200{width:94%; } .w1560{width:auto;padding:0 40px;} } @media (max-width: 768px){ .w1560{width: 94%; padding:0 3%; } .container{ padding:0 3%;} } @font-face { font-family: 'Helvetica'; src: url('../font/Helvetica-Light.eot'); src: url('../font/Helvetica-Light.eot') format('embedded-opentype'), url('http://www.janepolo.com/Design/King-Tin/css/fonts/Helvetica-Light.woff2') format('woff2'), url('../font/Helvetica-Light.woff') format('woff'), url('../font/Helvetica-Light.ttf') format('truetype'), url('../font/Helvetica-Light.svg') format('svg'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'DINLight'; src: url('../font/DINLight.eot'); src: url('../font/DINLight.woff') format('woff'), url('../font/DINLight.ttf') format('truetype'), url('../font/DINLight.svg') format('svg'); font-weight: normal; font-style: normal; } /*header*/ .header{align-items:center;box-sizing:border-box;display:flex;flex-direction:row;height:80px;justify-content:space-between;position:fixed;top:0;z-index:100} .header,.header:before{left:0;pointer-events:none;width:100%} .header:before{background-image:linear-gradient(#040617,rgba(4,6,23,.6) 50%,rgba(4,6,23,.3) 65%,rgba(4,6,23,.15) 75.5%,rgba(4,6,23,.075) 82.85%,rgba(4,6,23,.038) 88%,rgba(4,6,23,0));content:"";height:300px;opacity:.3;position:absolute;transition:opacity .2s ease;z-index:-1} .header:before{opacity:1} .header>*{pointer-events:auto} .ovh .header{background:transparent!important;} @media screen and (max-width:1920px) { .header{height:0.8rem;} } @media screen and (max-width:1220px) { .header{height:80px;} } @media screen and (min-width:769px){ .header{background-color:transparent;border-bottom:none;border-right:1px solid hsla(240,3%,58%,.15);flex-direction:column;height:100vh;padding:0px 0;width:60px;} .header:before{display:none} } @media screen and (min-width:1221px){ .header{width:0.8rem;} } @media screen and (max-width:768px) { .header, .header:before {left: 0;pointer-events: none;width: 100%;} .header:before{background-image:linear-gradient(#040617,rgba(4,6,23,.6) 50%,rgba(4,6,23,.3) 65%,rgba(4,6,23,.15) 75.5%,rgba(4,6,23,.075) 82.85%,rgba(4,6,23,.038) 88%,rgba(4,6,23,0));content:"";height:100px;opacity:.3;position:absolute;transition:opacity .2s ease;z-index:-1; display:block;} .header:before{opacity:0.5} } /*logo*/ .header .logo{position: fixed;top:5%;right:4%;} .header .logo img{width:220px;} .header .logo .logo2{ display:none;} .header.logoB .logo .logo1{ display:none;} .header.logoB .logo .logo2{display:inline-block;} @media screen and (max-width:1920px) { .header .logo img{width:2.2rem;} } @media screen and (max-width:768px) { .header .logo img{width:auto;max-height:40px;}.header .logo{top:3%;} } /*shareul*/ .top-share{ display: flex;flex-direction: column;align-items: center;justify-content: center; width: 56px;height:120px;cursor: pointer;transition: all 0.2s ease;position: absolute;top:50%;left: 50%;transform: translate(-50%, -50%);} .shareul li a{ display:inline-block;width:35px;height:35px;border-radius:50%;transition: all 0.2s ease; background-position:center center; background-repeat: no-repeat;background-size:22px;} .shareul li a.wx{background-image:url("../images/share-wx.png"); } .shareul li a.em{background-image:url("../images/share-em.png"); } .shareul li a.dy{background-image:url("../images/share-dy.png"); } .ovh .shareul li a.wx{background-image:url("../images/share-wx.png")!important; } .ovh .shareul li a.em{background-image:url("../images/share-em.png")!important; } .ovh .shareul li a.dy{background-image:url("../images/share-dy.png")!important; } @media screen and (max-width:1920px) { .top-share{width: 0.56rem;height:1.2rem;} .shareul li a{width:0.35rem;height:0.35rem;background-size:0.22rem;} } @media screen and (max-width:1220px) { .top-share{width: 56px;height:120px;} .shareul li a{width:30px;height:30px;background-size:20px;} } @media screen and (max-width:768px) { .top-share{ display:none;} } /**/ /*shareul*/ .top-top{ display: flex;flex-direction: column;align-items: center;justify-content: center; width: 56px;height:60px;cursor: pointer;transition: all 0.2s ease;position: absolute;bottom:3%;left: 50%;transform: translate(-50%,0);} .top-top a{ width:100%; height:100%; display:block;background-image:url("../images/top.png");background-position:center center; background-repeat: no-repeat;background-size:15px;} .top-top a img{ max-width:100%;} .ovh .top-top a{background-image:url("../images/top.png")!important; } @media screen and (max-width:1920px) { .top-top{ width: 0.56rem;height:0.6rem;} .top-top a{background-size:0.15rem;} } @media screen and (max-width:1220px) { .top-top{ width: 56px;height:60px;} .top-top a{background-size:15px;} } @media screen and (max-width:768px) { .top-top{ display:none;} } /*m-btn*/ .header .m-btn {display: flex;flex-direction: column;align-items: center;justify-content: center; width: 56px;height: 56px;cursor: pointer;border-radius:50%;transition: all 0.2s ease;position: absolute;top:3%;left: 50%;transform: translate(-50%, 0);} .header .m-btn .line {display: block;width: 26px;height: 3px;transform-origin: center;border-radius: 0;background-color: #f5f5f5;transition: all 0.2s ease;} .header .m-btn .line1{transform: translateY(-2px);} .header .m-btn .line2{opacity: 0;} .header .m-btn .line3{transform: translateY(2px);} .header .m-btn:hover{background-color: rgba(245, 245, 245, 0.1);} .header .m-btn:hover .line1{transform: translateY(-4px);} .header .m-btn:hover .line3{transform: translateY(4px);} .header .m-btn.active .line{background-color: #f5f5f5!important;} .header .m-btn.active .line1{transform: translateY(3px) rotate(45deg);} .header .m-btn.active .line3{transform: translateY(-3px) rotate(-45deg);} .header .m-btn.active:hover .line1{transform: translateY(3px) rotate(0deg);} .header .m-btn.active:hover .line3{transform: translateY(-3px) rotate(0deg);} @media screen and (max-width:1920px) { .header .m-btn {width: 0.56rem;height: 0.56rem;} .header .m-btn .line {width:0.26rem;} } @media screen and (max-width:1220px) { .header .m-btn {width: 46px;height: 46px;} .header .m-btn .line {width:22px;} } @media screen and (max-width:768px) { .header .m-btn {left:3%;transform: translate(0, 0);top:5%;} } .ovh .header .logo{ display:none;} /*m-sub-menu*/ .m-sub-menu {z-index: 90;position:fixed;width:100%; left:0;top: 0;height: 100vh;transition: all 0.64s ease 0s;background:url(../images/background-gradient.png) no-repeat left bottom rgba(0, 0, 0, 0.90); display:none;} .m-sub-menu.show{ display:block;} .m-sub-menu .list-wrap{display: block;max-width:1000px;height: 100vh; margin:0 auto;overflow: auto;} .m-sub-menu .list-wrap::-webkit-scrollbar{width:5px;height:5px;background-color:rgba(255, 255, 255, 0.2);-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; display:none;} .m-sub-menu .list-wrap::-webkit-scrollbar-thumb{ background-color:rgba(200, 200, 200, 1);-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;} /*top-box*/ .m-sub-menu .one{align-items: center;/*flex: 1 auto;*/padding-top:110px;background:url(../images/background-gradient.png) no-repeat left bottom #000;} .m-sub-menu .top-box {line-height: 60px;} .m-sub-menu .top-box .stt{display:inline-block;font-size:16px;color:#acacac;margin-left:8.2%;background:url(http://www.janepolo.com/Design/King-Tin/images/top-search.png) no-repeat left center;padding-left:30px;background-size:20px;} .m-sub-menu .top-box .close {display: inline-block;width: 17px;height: 17px;background: url(http://www.janepolo.com/Design/King-Tin/images/ico_37.png) no-repeat center;margin-right: 7.8%;margin-top: 22px;cursor: pointer;} /*一级list*/ .m-sub-menu .list-wrap .one{background: url(../images/logo3.png) no-repeat center 10%; background-size:1.3rem; padding-top:2.8rem;} .m-sub-menu .list-wrap li {line-height: normal;width: 100%;padding:20px 0; text-align:center;} .m-sub-menu .list-wrap li .a1{color:#fff;font-size:20px;font-weight:500; line-height: 1;margin: 0;text-transform: uppercase;transition: all .3s ease; } .m-sub-menu .list-wrap li .a1:hover {color:#7398ab;} /*二级*/ .m-sub-menu .list-wrap .two{display:none;} .m-sub-menu .list-wrap .two li{ display:inline-block; width:auto;} .m-sub-menu .list-wrap .two .a2{font-weight:600;float: none;padding: 8px 10px 8px 20px;font-size:1.3vw;color: #fff;} @media screen and (max-width:1920px) { .m-sub-menu .one{padding-top:1.1rem;} .m-sub-menu .top-box {line-height:0.6rem;} .m-sub-menu .top-box .stt{font-size:0.16rem;font-size:clamp(13px, 0.16rem, 16px);background-size:0.2rem;padding-left:0.3rem;} .m-sub-menu .top-box .close {width:0.17rem;height:0.17rem;margin-top:0.22rem;} .m-sub-menu .list-wrap .one{background-size:1.3rem; padding-top:2.8rem;} .m-sub-menu .list-wrap li {padding:0.2rem 0;} .m-sub-menu .list-wrap li .a1{font-size:0.2rem;font-size:clamp(14px, 0.2rem, 20px);} .m-sub-menu .list-wrap .two .a2{padding: 0.08rem 0.1rem 0.08rem 0.2rem;font-size:1.3vw;} } @media screen and (max-width:1220px) { .m-sub-menu .one{padding-top:110px;} .m-sub-menu .top-box {line-height:60px;} .m-sub-menu .top-box .stt{font-size:16px;background-size:20px;padding-left:30px;} .m-sub-menu .top-box .close {width: 17px;height:17px;margin-top:22px;} .m-sub-menu .list-wrap .one{background-size:1.3rem; padding-top:2.8rem;} .m-sub-menu .list-wrap li {padding:15px 0;} .m-sub-menu .list-wrap li .a1{font-size:18px;} .m-sub-menu .list-wrap .two .a2{padding: 8px 10px 8px 20px;font-size:1.3vw;} } @media screen and (max-width: 1520px) { .m-sub-menu .list-wrap{max-width:760px; padding-left:90px;} } @media screen and (max-width: 1220px) { .m-sub-menu .list-wrap{max-width:760px; padding-left:90px;} } @media screen and (max-width: 768px) { .m-sub-menu .list-wrap{max-width:90%; padding-left:0; text-align:center;} .m-sub-menu .list-wrap li .a1{font-size:18px;color:#fff;-webkit-text-stroke-width:0;} .m-sub-menu .list-wrap .two .a2{font-size:14px;} .m-sub-menu .one{padding-top:20vw; } } /*pageH*/ .pageH .header,.fixed .header{ background:#FFF;} .pageH .header .m-btn .line,.fixed .header .m-btn .line{background-color: #333333;} .pageH .shareul li a.wx,.fixed .shareul li a.wx{background-image:url("../images/share-wx2.png"); } .pageH .shareul li a.em,.fixed .shareul li a.em{background-image:url("../images/share-em2.png"); } .pageH .shareul li a.dy,.fixed .shareul li a.dy{background-image:url("../images/share-dy2.png"); } .pageH .top-top a,.fixed .top-top a{background-image:url("../images/top2.png");} @media screen and (max-width: 768px) { .pageH .header,.fixed .header{background:transparent;} .pageH .header .m-btn .line,.fixed .header .m-btn .line{background-color: #fff;} } /*****************************************footer*****************************************/ /*footer*/ .footer {position:relative; z-index:2;background:#f2f2f2; background-size:100%;padding:120px 0 120px 80px;} .footer .footer-logo a{display:inline-block;} .footer .footer-logo a img{max-height:30px;} /*footer-nav*/ .footer .footer-nav{font-size:12px;width:100%;height:auto;padding-bottom:85px;} .footer .footer-nav .left{float:right;font-size:12px;line-height:26px;color:#5d6371; width:56%;text-align:left;} .footer .footer-nav .left .ul2{height:auto;float:left;text-align:left; display:block;width:16.66666666666667%;} .footer .footer-nav .left .ul2 .ulB{padding-top:7px;padding-bottom:24px; display: block!important;} .footer .footer-nav .left .ul2 .ul2B{ padding-right:20px; } .footer .footer-nav .left .ul2 .t2{display:block;line-height:0;padding:0;margin:0;} .footer .footer-nav .t1{font-size:18px;margin-bottom:10px;color:#000000;font-weight:300;} .footer .footer-nav .t1 a{display:inline-block;color:#000000;} .footer .footer-nav .t2{font-size:15px;font-weight:300;} .footer .footer-nav .t2 a{font-size:15px;display: inline-block;line-height:32px;color:#656565;position:relative; overflow:hidden;font-weight:300;} .footer .footer-nav .t2 a:hover, .footer .footer-nav .t1 a:hover{color:#91979f;} /**/ .footer .footer-nav .right{float:left;font-size:14px;line-height:30px;color:#656565; width:40%;} .footer .footer-nav .right .sloan{font-size:18px;line-height:32px;color:#3b4048;font-weight:300;} .footer .footer-nav .right p{font-size:14px;line-height:30px;color:#656565;} .footer .footer-nav .right strong{font-size:26px; color:#3b4048;font-weight:300;} .footer .footer-nav .right p span{font-size:16px;color:#3b4048;} /*bottom-jion*/ .footer .footer-nav .right .bottom-jion{ max-width:380px; width:100%;font-weight:300; padding-top:30px; padding-bottom:30px;} .footer .footer-nav .right .bottom-jion a{ display:block;padding:0 25px;font-size:18px;line-height:46px;color:#3b4048;background:#fff;border-radius:46px;} .footer .footer-nav .right .bottom-jion a span{display:block; padding-right:20px;background:url(../images/bottom-s.png) no-repeat right center;background-size:18px;} .footer .footer-nav .right .bottom-jion a:hover{background:#91979f;color:#fff; background-image:url(http://www.janepolo.com/Design/King-Tin/images/bottom-s2.png);} /*bq*/ .footer .bq{width:100%;font-size:14px;line-height:30px;color:#a7a7a7;position:relative;} .footer .bq a{color:#a7a7a7;} .footer .bq a:hover{color:#91979f} .footer .bq .bqname{width:40%; text-align:left; float:left;} .footer .bq .beian{width:40%; text-align:right; float:right;} @media screen and (max-width: 1920px) { /*.footer {padding-top:80px;padding-bottom:50px;} .footer .footer-logo a img{max-height:30px;} .footer .footer-nav{font-size:12px;padding-bottom:85px;} .footer .footer-nav .left{font-size:12px;line-height:26px;} .footer .footer-nav .left .ul2 .ulB{ padding-top:7px;padding-bottom:24px;} .footer .footer-nav .left .ul2 .ul2B{ padding-right:20px; } .footer .footer-nav .t1{font-size:18px;margin-bottom:10px;} .footer .footer-nav .t2{font-size:15px;} .footer .footer-nav .t2 a{font-size:15px;line-height:32px;} .footer .footer-nav .right{font-size:14px;line-height:30px;} .footer .footer-nav .right .sloan{font-size:18px;line-height:32px;} .footer .footer-nav .right p{font-size:14px;line-height:30px;} .footer .footer-nav .right strong{font-size:26px; } .footer .footer-nav .right p span{font-size:16px;} .footer .footer-nav .right .bottom-jion{ max-width:380px;font-weight:300;padding-top:30px; padding-bottom:30px;} .footer .footer-nav .right .bottom-jion a{padding:0 25px;font-size:18px;line-height:46px;border-radius:46px;} .footer .footer-nav .right .bottom-jion a span{padding-right:20px;background-size:18px;} .footer .bq{font-size:14px;line-height:30px;} */ .footer {padding:1.2rem 0 1.2rem 0.8rem;} .footer .footer-logo a img {max-height:0.3rem;} .footer .footer-nav {font-size:0.12rem;font-size:clamp(11px, 0.12rem, 12px);padding-bottom:0.85rem;} .footer .footer-nav .left {font-size:0.12rem;font-size:clamp(11px, 0.12rem, 12px);line-height:0.26rem;} .footer .footer-nav .left .ul2 .ulB {padding-top:0.07rem;padding-bottom:0.24rem;} .footer .footer-nav .left .ul2 .ul2B {padding-right:0.2rem;} .footer .footer-nav .t1 {font-size:0.18rem;font-size:clamp(14px, 0.18rem, 18px);margin-bottom:0.1rem;} .footer .footer-nav .t2 {font-size:0.15rem;font-size:clamp(12px, 0.15rem, 15px);} .footer .footer-nav .t2 a {font-size:0.15rem;font-size:clamp(12px, 0.15rem, 15px);line-height:2.15;} .footer .footer-nav .right {font-size:0.14rem;font-size:clamp(11px, 0.14rem, 14px);line-height:0.3rem;} .footer .footer-nav .right .sloan {font-size:0.18rem;font-size:clamp(14px, 0.18rem, 18px);line-height:0.32rem;} .footer .footer-nav .right p {font-size:0.14rem;font-size:clamp(11px, 0.14rem, 14px);line-height:0.3rem;} .footer .footer-nav .right strong {font-size:0.26rem;} .footer .footer-nav .right p span {font-size:0.16rem;font-size:clamp(13px, 0.16rem, 16px);} .footer .footer-nav .right .bottom-jion {max-width:3.8rem;font-weight:300;padding-top:0.3rem;padding-bottom:0.3rem;} .footer .footer-nav .right .bottom-jion a {padding:0 0.25rem;font-size:0.18rem;font-size:clamp(14px, 0.18rem, 18px);line-height:0.46rem;border-radius:0.46rem;} .footer .footer-nav .right .bottom-jion a span {padding-right:0.2rem;background-size:0.18rem;} .footer .bq {font-size:0.14rem;font-size:clamp(11px, 0.14rem, 14px);line-height:0.3rem;} } @media screen and (max-width: 1220px) { .footer {padding:1.2rem 0 1.2rem 60px;} .footer .footer-nav .left{float:none;width:100%;} .footer .footer-nav .right{float:none;width:100%;} } @media screen and (max-width: 1024px) { .footer .footer-logo a img{max-height:30px;} .footer .footer-nav{font-size:12px;padding-bottom:85px;} .footer .footer-nav .left{font-size:12px;line-height:26px;} .footer .footer-nav .left .ul2 .ulB{ padding-top:7px;padding-bottom:24px;} .footer .footer-nav .left .ul2 .ul2B{ padding-right:20px; } .footer .footer-nav .t1{font-size:18px;margin-bottom:10px;} .footer .footer-nav .t2{font-size:14px;} .footer .footer-nav .t2 a{font-size:14px;line-height:32px;} .footer .footer-nav .right{font-size:14px;line-height:30px;} .footer .footer-nav .right .sloan{font-size:18px;line-height:32px;} .footer .footer-nav .right p{font-size:14px;line-height:30px;} .footer .footer-nav .right strong{font-size:26px; } .footer .footer-nav .right p span{font-size:16px;} .footer .footer-nav .right .bottom-jion{ max-width:300px;font-weight:300;padding-top:30px; padding-bottom:30px;} .footer .footer-nav .right .bottom-jion a{padding:0 25px;font-size:18px;line-height:46px;border-radius:46px;} .footer .footer-nav .right .bottom-jion a span{padding-right:20px;background-size:18px;} .footer .bq{font-size:14px;line-height:30px;} } @media screen and (max-width: 992px) { .footer .footer-nav .right p{font-size:12px;line-height:30px;} .footer .footer-nav .right strong{font-size:20px; } .footer .footer-nav .right p span{font-size:14px;} .footer .footer-nav .right .bottom-jion a{padding:0 20px;font-size:16px;line-height:43px;border-radius:43px;} .footer .footer-nav .right .bottom-jion a span{padding-right:20px;background-size:18px;} .footer .bq{font-size:12px;line-height:28px;} } @media screen and (max-width:768px) { .footer {padding:60px 0;} .footer .footer-nav{padding-bottom:30px;} .footer .footer-nav .right{ float:none; width:100%;} .footer .footer-nav .left{ float:none; width:100%; text-align:left; margin-bottom:30px; display:none;} .footer .footer-nav .left .ul2 .ul2B{ padding-right:0;} .footer .footer-nav .leftBox{ display:block;} .footer .footer-nav .left .ul2{margin-left:0; width:100%;} .footer .footer-nav .left .listB{ display:none; width:100%;} .footer .footer-nav .left .ul2 .ulB{ display:block;width:100%;padding-top:15px;padding-bottom:15px;} .footer .footer-nav .center{float:none;width:100%; text-align:left;} .footer .footer-nav .t1{margin-bottom:0;font-size:16px; } .footer .footer-nav .t1 a{line-height:20px;box-sizing: border-box;margin:0 auto; position:relative; padding-top:15px; padding-bottom:15px; padding-left:0} .footer .footer-nav .t1 a:after { display: block;content: '';position: absolute;bottom: 0;left:0;right:0;height: 1px;width: auto;background-color:#464646;opacity: .5} .footer .footer-nav .t1 a,.footer .footer-nav .t2 a{ display:block;} .footer .footer-nav .t2 a{padding: 5px 10px;color:#b3bcc7;font-size:15px;} .footer .footer-nav .ulB{} .footer .bq{ text-align:left;} .footer .bq .beian{width:100%; text-align:left; float:none; display:block;} .footer .bq .bqname{width:100%; text-align:left; float:none;margin-bottom:0px; display:block;} } /*footer-bottom footer-share*/ .footer .footer-share{float:right;text-align:right;position:relative; margin-left:30px; font-size:0; line-height:0;} .footer .footer-share .icon-line a{display:inline-block;width:32px;height:32px;margin-right:5px;cursor:pointer;background-size:100%; background-repeat:no-repeat; background-position:center;} .footer .footer-share .icon-line .mr0{margin-right:0!important} .footer .footer-share .icon-line a.footer-icon-email{background-image:url(../images/bottom-share-em.png);} .footer .footer-share .icon-line a.footer-icon-douyin{background-image:url(../images/bottom-share-dy.png);} .footer .footer-share .icon-line a.footer-icon-weixin{background-image:url(../images/bottom-share-wx.png);} .footer .footer-share .qrcode-modal{width:130px;min-height:130px;-webkit-box-shadow:0 6px 10px 0 rgba(0,0,0,.1);box-shadow:0 6px 10px 0 rgba(0,0,0,.1);border:1px solid #91979f;background-color:#fff;position:absolute;border-radius:4px;left:0;bottom:0px;display:none} .footer .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 #91979f;position:absolute;bottom:-12px;right:12px} .footer .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 #91979f;position:absolute;bottom:-12px;right:12px} .footer .footer-share .qrcode-modal .modalBox{ padding:16px 16px;} .footer .footer-share .qrcode-modal img{display:block;width:100%;height:96px;} .footer .footer-share .qrcode-modal .text{font-size:12px;line-height:30px;color:#86868b;text-align:center} @media (max-width: 1920px){ .footer .footer-share {margin-left:0.3rem;} .footer .footer-share .icon-line a {width:0.32rem;height:0.32rem;} } @media (max-width: 1220px){ .footer .footer-share{margin-left:30px;} .footer .footer-share .icon-line a{width:32px;height:32px;} } @media (max-width: 1024px){ .footer .footer-share{ display:none;} } @media (max-width: 768px){ .footer .footer-bottom .footer-copyright{border-top:1px solid #2d3045;width:94%;padding:3% 3%;float:none;font-size:14px;line-height:30px; text-align:center;} } @media (max-width: 767px){ .footer .footer-bottom .footer-copyright{padding: 0.533333rem 3%;text-align: center;font-size:0.24rem;line-height: normal;} } /*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:5px;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: 768px){ .footer-mobileShare{ display: block;} } /*****************************************************index*****************************************************/ /*hh__scroll*/ .hh__scroll{align-items:center;border:1px solid rgba(255, 255, 255, 0.5);border-radius:50%;bottom:48px;box-sizing:border-box;cursor:pointer;display:flex;height:80px;justify-content:center;left:calc(50% - 40px);margin-top:80px;position:absolute;transition:all .2s ease;width:80px; z-index:2;} .hh__scroll__icon{z-index:2;fill:#f5f5f5;background-image:url(../images/icon-scroll-mouse-animated.svg);background-repeat:no-repeat;background-size:100%;height:48px;width:48px} @media (max-width: 1920px){ .hh__scroll{bottom:0.48rem;height:0.8rem;left:calc(50% - 0.4rem);margin-top:0.8rem;width:0.8rem;} .hh__scroll__icon{height:0.48rem;width:0.48rem;} } @media (max-width: 1220px){ .hh__scroll{bottom:0.28rem;height:0.6rem;left:calc(50% - 0.2rem);margin-top:0.6rem;width:0.6rem;} .hh__scroll__icon{height:0.28rem;width:0.28rem;} } /*ind-banner*/ .ind-banner{width: 100%; overflow: hidden; position:relative;} .ind-banner .swiper-slide { color: #fff; background:#000; } .ind-banner .swiper-slide {position: relative;} .ind-banner .swiper-slide img{width: 100%; display: block;} .ind-banner .swiper-slide a{ display: block; width: 100%; height: 100%; position:relative; /*min-height:750px; height:100vh;*/} .ind-banner .swiper-slide a .shipin {position: absolute;top: 0;left: 0; width: 100%;height: 100%;overflow:hidden;} .ind-banner .swiper-slide a video {width: 100%;height: 100%;object-fit: cover;} .ind-banner .swiper-button-prev{display:none;} .ind-banner .swiper-button-next{display:none;} /*index-banner-wrapper swiper-pagination-bullet*/ .index-banner-wrapper .swiper-pagination-bullet{display:none;} /*bannerTel*/ .bannerTel{ display: none; } .ind-bannerTel{width: 100%; overflow: hidden;} .ind-bannerTel .swiper-slide { color: #fff; } .ind-bannerTel .swiper-slide img{width: 100%;} .ind-bannerTel .swiper-slide a{ display: block; width: 100%; height: 100%; } .ind-bannerTel .swiper-pagination{ text-align: center; left: 0; width: 100%; bottom: 0.68rem!important; display:none;} .ind-bannerTel .swiper-pagination-bullet { opacity: 1!important; width:8px; height:8px; text-align: center;border:1px solid #fff;background: transparent;border-radius:50%;margin:0 4px!important; } .ind-bannerTel .swiper-pagination-bullet-active {background:#fff;} @media screen and (max-width:768px){ .ind-banner .swiper-slide .img{height:0;position: relative;overflow: hidden;padding-bottom:55%;} .ind-banner .swiper-slide .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; width:auto; max-width:none; height:100%;} } /*zsyimg*/ .zsyimg {height:0;position: relative;overflow: hidden;} .zsyimg 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;} .zsyimg, .zsyimg img{-webkit-transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;} /*indexTitle*/ .indexTitle{position:relative;margin-bottom:135px; margin-left:50px; padding-left:65px; background-position:left 20px; background-repeat:no-repeat; background-size:12px;} .indexTitle .cn{font-size:40px;color:#000000;font-weight:300; line-height:normal;} .indexTitle .cn a{color:#333333;} .indexTitle .cn span{ color:#7398ab;} .indexTitle .en{ font-size:70px; line-height:normal; color:#000000;font-weight:300;font-family: 'Helvetica', Arial, Helvetica, sans-serif; text-transform:uppercase; margin-bottom:5px;} .indexTitle .en a{color:#000;font-weight:300;font-family: 'Helvetica', Arial, Helvetica, sans-serif;} @media screen and (max-width:1920px) { /*.indexTitle{margin-bottom:135px;margin-left:50px; padding-left:65px; background-position:left 20px;background-size:12px;} .indexTitle .cn{font-size:40px;} .indexTitle .en{font-size:70px;margin-bottom:5px;}*/ .indexTitle {margin-bottom:1.35rem;margin-left:0.5rem;padding-left:0.65rem;background-position:left 0.2rem;background-size:0.12rem;} .indexTitle .cn {font-size:0.4rem;} .indexTitle .en {font-size:0.7rem;margin-bottom:0.05rem;} } /*@media screen and (max-width:1620px) { .indexTitle{margin-bottom:45px;} .indexTitle .cn{font-size:36px;} .indexTitle .en{ font-size:0.7rem} } @media screen and (max-width:1320px) { .indexTitle{margin-bottom:40px;} .indexTitle .cn{font-size:30px;} .indexTitle .en{ font-size:64px} }*/ @media screen and (max-width:1220px) { .indexTitle{margin-bottom:30px;} .indexTitle .cn{font-size:28px;} .indexTitle .en{ font-size:50px} } @media screen and (max-width:1024px) { .indexTitle{margin-bottom:30px;} .indexTitle .cn{font-size:24px;} .indexTitle .en{ font-size:40px} } @media screen and (max-width:768px) { .indexTitle .cn{font-size:24px;} .indexTitle .en{ font-size:32px} .indexTitle{margin-bottom:50px; margin-left:0; background-size:6px;padding-left:30px;} } @media screen and (max-width:640px) { .indexTitle .cn{font-size:20px;} .indexTitle .en{ font-size:30px} } @media screen and (max-width:550px) { .indexTitle .cn{font-size:18px;} .indexTitle .en{ font-size:28px} } /*indexNews*/ .indexNews{padding-top:120px; padding-bottom:120px;background:url(../images/index-bg.jpg) center top no-repeat; background-size:center top;} .indexNews .indexTitle{ background-image:url("../images/index-newstit.png");} .indexNews .indexNewsB{ padding-left:80px;} @media screen and (max-width:1920px) { .indexNews{padding-top:1.20rem; padding-bottom:1.20rem;} .indexNews .indexNewsB{ padding-left:0.8rem;} } @media screen and (max-width:1220px) { .indexNews .indexNewsB{ padding-left:60px;} } @media screen and (max-width:1024px) { .indexNews{padding-top:70px; padding-bottom:70px;} .indexNews .swiper-pagination{ position:static; margin-top:30px;} .indexNews .swiper-container-horizontal>.swiper-pagination-bullets, .indexNews .swiper-pagination-custom, .indexNews .swiper-pagination-fraction{bottom:0;} .indexNews .swiper-pagination-bullet{width:10px;height:10px;background-color:#dbdbdb;border-radius:5px;opacity:1} .indexNews .swiper-pagination-bullet-active{background-color:#e62129;} } @media screen and (max-width:768px) { .indexNews{padding-top:50px; padding-bottom:50px;} .indexNews .indexNewsB{ padding-left:3%;} } /*indexNewsList*/ .indexNewsList{padding-top:80px;margin:0 auto; overflow:hidden;} .indexNewsList ul{ font-size:0;margin:0 -7.5px;} .indexNewsList li{ display:inline-block;*display:inline;zoom:1;width:20%;margin-bottom:20px;vertical-align:top;} .indexNewsList li:nth-child(2n){ -webkit-transform:translateY(-80px);-moz-transform:translateY(-80px);-ms-transform:translateY(-80px);-o-transform:translateY(-80px);transform:translateY(-80px);} .indexNewsList .item{display:block;margin:0 7.5px; position:relative; background:#fafafa;-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s; overflow:hidden;border-radius:5px;} .indexNewsList .item:after{ content:''; position:absolute;left:0;right:0;bottom:0; width:100%; height:100%;background:url(../images/indexnews-sd.png) center bottom repeat-x; background-size:auto 100%;} .indexNewsList .imgBox{padding-bottom:150.6849315068493%;} .indexNewsList .item .imgBox img{/*-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);*/ width:100% !important} .indexNewsList .title{text-align:left;color:#fff;padding-left:160px; padding-bottom:10px;padding-right:10px;position: absolute;bottom:0;left:0;right:0; z-index:2; display:block;} .indexNewsList .title .t{font-size:16px;line-height:26px;height:52px; overflow:hidden;} .indexNewsList .title .date{position: absolute;bottom:0;left:0; width:130px; height:80px;line-height:26px; z-index:2; text-align:center; background:#91979f;font-weight:300;font-family: 'Helvetica', Arial, Helvetica, sans-serif;} .indexNewsList .title .d{display:block;font-size:34px;padding-top:20px;} .indexNewsList .title .y{display:block;font-size:14px;} /*hover*/ .indexNewsList .item{-webkit-transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;} .indexNewsList .item:hover .imgBox 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%);} .indexNewsList .item:hover .imgBox img{-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);} /*swiper-button*/ .indexNewsList .indexbtn{padding-top:64px; position:relative; margin:0 7.5px;} .indexNewsList .swiper-button-prev, .indexNewsList .swiper-button-next{width:52px; height:52px; border:1px solid #c9c9c9;background:no-repeat center; position:relative;outline: none; z-index:9;-webkit-transition: all .4s;-moz-transition: all .4s;-ms-transition: all .4s;-o-transition: all .4s;transition: all .4s; border-radius:5px; right:0;left:0; margin:0 5px;display:inline-block;} .indexNewsList .swiper-button-prev{ background-image: url("../images/index-left.png"); background-size:100%;} .indexNewsList .swiper-button-next{background-image: url("../images/index-right.png"); background-size:100%;} .indexNewsList .swiper-button-prev:hover, .indexNewsList .swiper-button-next:hover{width:86px;border-color:#91979f;} @media screen and (max-width:1920px){ /*.indexNewsList{padding-top:80px;} .indexNewsList ul{margin:0 -7.5px;} .indexNewsList li{margin-bottom:20px;} .indexNewsList li:nth-child(2n){ -webkit-transform:translateY(-80px);-moz-transform:translateY(-80px);-ms-transform:translateY(-80px);-o-transform:translateY(-80px);transform:translateY(-80px);} .indexNewsList .item{margin:0 7.5px;border-radius:5px;} .indexNewsList .title{padding-left:160px; padding-bottom:10px;padding-right:10px;} .indexNewsList .title .t{font-size:16px;line-height:26px;height:52px;} .indexNewsList .title .date{width:130px; height:80px;line-height:26px;} .indexNewsList .title .d{font-size:34px;padding-top:20px;} .indexNewsList .title .y{font-size:14px;} .indexNewsList .indexbtn{padding-top:64px;margin:0 7.5px;} .indexNewsList .swiper-button-prev, .indexNewsList .swiper-button-next{width:52px; height:52px;} .indexNewsList .swiper-button-prev:hover, .indexNewsList .swiper-button-next:hover{width:86px;}*/ .indexNewsList {padding-top:0.8rem;} .indexNewsList ul {margin:0 -0.075rem;} .indexNewsList li {margin-bottom:0.2rem;} .indexNewsList li:nth-child(2n) {-webkit-transform:translateY(-0.8rem);-moz-transform:translateY(-0.8rem);-ms-transform:translateY(-0.8rem);-o-transform:translateY(-0.8rem);transform:translateY(-0.8rem);} .indexNewsList .item {margin:0 0.075rem;border-radius:0.05rem;} .indexNewsList .title {padding-left:1.6rem;padding-bottom:0.1rem;padding-right:0.1rem;} .indexNewsList .title .t {font-size: clamp(12px, 0.16rem, 16px);line-height:0.26rem;height:0.52rem;} .indexNewsList .title .date {width:1.3rem;height:0.8rem;line-height:0.26rem;} .indexNewsList .title .d {font-size:0.34rem;padding-top:0.2rem;} .indexNewsList .title .y {font-size:0.14rem;font-size:clamp(11px, 0.14rem, 14px);} .indexNewsList .indexbtn {padding-top:0.64rem;margin:0 0.075rem;} .indexNewsList .swiper-button-prev,.indexNewsList .swiper-button-next {width:0.52rem;height:0.52rem;} .indexNewsList .swiper-button-prev:hover,.indexNewsList .swiper-button-next:hover {width:0.86rem;} } @media screen and (max-width:1220px){ .indexNewsList li{ width:25%;} } @media screen and (max-width:1024px){ .indexNewsList li{ width:33.333333%;} .indexNewsList ul{margin:0 -7.5px;} .indexNewsList li{margin-bottom:20px;} .indexNewsList li:nth-child(2n){ -webkit-transform:translateY(-80px);-moz-transform:translateY(-80px);-ms-transform:translateY(-80px);-o-transform:translateY(-80px);transform:translateY(-80px);} .indexNewsList .item{margin:0 7.5px;border-radius:5px;} .indexNewsList .title{padding-left:160px; padding-bottom:10px;padding-right:10px;} .indexNewsList .title .t{font-size:16px;line-height:26px;height:52px;} .indexNewsList .title .date{width:130px; height:80px;line-height:26px;} .indexNewsList .title .d{font-size:34px;padding-top:20px;} .indexNewsList .title .y{font-size:14px;} .indexNewsList .indexbtn{padding-top:64px;margin:0 7.5px;} .indexNewsList .swiper-button-prev, .indexNewsList .swiper-button-next{width:52px; height:52px;} .indexNewsList .swiper-button-prev:hover, .indexNewsList .swiper-button-next:hover{width:86px;} } @media screen and (max-width:768px){ .indexNewsList{padding-top:20px;} .indexNewsList li{ width:50%;} .indexNewsList li {margin-bottom:0.25rem;} .indexNewsList li:nth-child(2n) {-webkit-transform:translateY(-1rem);-moz-transform:translateY(-1rem);-ms-transform:translateY(-1rem);-o-transform:translateY(-1rem);transform:translateY(-1rem);} .indexNewsList .item {margin:0 7.0.0625rem;border-radius:0.0625rem;} .indexNewsList .title {padding-left:2rem;padding-bottom:0.125rem;padding-right:0.125rem;} .indexNewsList .title .t {font-size:0.2rem;line-height:0.325rem;height:0.65rem;} .indexNewsList .title .date {width:1.625rem;height:1rem;line-height:0.325rem;} .indexNewsList .title .d {font-size:0.425rem;padding-top:0.25rem;} .indexNewsList .title .y {font-size:0.175rem;} .indexNewsList .indexbtn {padding-top:0.8rem;margin:0 7.0.0625rem;} .indexNewsList .swiper-button-prev,.indexNewsList .swiper-button-next {width:0.65rem;height:0.65rem;} .indexNewsList .swiper-button-prev:hover,.indexNewsList .swiper-button-next:hover {width:1.075rem;} } /*indexWZBoxNr*/ .indexWZBoxNr{position:relative; width:45%; margin-left:40%; padding-bottom:135px;font-size:16px;line-height:34px;color:#000000;} @media screen and (max-width:1920px){ .indexWZBoxNr{padding-bottom:1.35rem;font-size: 16px;line-height: 32px;font-weight: 300;} } @media screen and (max-width:1220px){ .indexWZBoxNr{width:60%; margin-left:40%; padding-bottom:90px;} } @media screen and (max-width:1024px){ .indexWZBoxNr{width:60%; margin-left:40%; padding-bottom:70px;font-size:14px;line-height:30px;} } @media screen and (max-width:768px){ .indexWZBoxNr{width:100%; margin-left:0; padding-bottom:50px;font-size:14px;line-height:28px;} } /*indexAbout*/ .indexAbout{padding-top:140px;background:url(../images/index-bg.jpg) center top no-repeat; background-size:100%;} .indexAbout .indexTitle{ background-image:url("../images/index-abtit.png");} /**/ .indexAbout .indexabimg{margin-left:80px;vertical-align:top; position:relative;} .indexAbout .indexabimg img{ max-width:100%;width:100%;vertical-align:top;} .indexAbout .indexabimg .img1{float:left; width:29.89130434782609%; padding-top:3%;} .indexAbout .indexabimg .img2{float:left; width:29.89130434782609%;padding-top:12%;} .indexAbout .indexabimg .img3{float:right; width:70%;} .indexAbout .indexabimg .img0{ position: absolute; width:30%;top: 13%;left: 10%;min-width: 530px;} .indexAbout .indexabimg .img0 .left{position:absolute;} .indexAbout .indexabimg .img0 .left-p{position: absolute;padding: 40px 17px 40px 40px;text-indent: 2em;font-size: 16px;line-height: 32px;z-index: 2;font-weight:300;} @media screen and (max-width:1920px){ .indexAbout{padding-top:1.40rem;} } @media screen and (max-width:1400px){ .indexAbout .indexabimg .img0{min-width: 450px;} .indexAbout .indexabimg .img0 .left-p{font-size: 14px;line-height: 26px;} } @media screen and (max-width:1220px){ .indexAbout{padding-top:90px;} .indexAbout .indexabimg .img0{min-width: 400px;} .indexAbout .indexabimg .img0 .left-p{padding: 30px 17px 30px 30px;font-size: 14px;line-height: 22px;} } @media screen and (max-width:1024px){ .indexAbout{padding-top:70px;} .indexAbout .indexabimg .img0{min-width: auto;width:80%;width:55%;top: 0%;left: 0%;} .indexAbout .indexabimg .img0 .left-p{padding: 0px 17px 0px 30px;font-size: 14px;line-height: 26px;background: #fff;height: 34vw;} .indexAbout .indexabimg .img0 .left{display:none} } @media screen and (max-width:768px){ .indexAbout{padding-top:50px;} .indexAbout .indexabimg .img3 {float: none;width: auto;} .indexAbout .indexabimg .img0{width:95%;position: static;} .indexAbout .indexabimg .img0 .left-p{padding: 30px 17px 30px 30px;font-size: 14px;line-height: 26px;background: #fff;position: static;height:3.3rem} .indexAbout .indexabimg .img0 .left{display:none} .indexAbout .indexabimg{margin-left:0;} } @media screen and (max-width:540px){ .indexAbout .indexabimg .img0 .left-p{height:4.2rem;} } @media screen and (max-width:450px){ .indexAbout .indexabimg .img0 .left-p{height:6rem;} } @media screen and (max-width:400px){ .indexAbout .indexabimg .img0 .left-p{height:8rem;} } @media screen and (max-width:350px){ .indexAbout .indexabimg .img0 .left-p{height:9rem;} } /*indexJoin*/ .indexJoin{padding-top:215px;background:url(../images/index-bg.jpg) center top no-repeat; background-size:100%;font-size:16px;line-height:30px;color:#333333; font-weight:300;} .indexJoin .indexTitle{ background-image:url("../images/index-jointit.png");} .indexJoin h2{font-size:28px;line-height:40px;color:#000000; font-weight:300; margin-bottom:45px;} /**/ .indexJoin .joinBox a{ display:block;text-align:center;width:180px; line-height:48px;color:#fff;text-transform:uppercase;background:#91979f;font-weight:300;font-family: 'Helvetica', Arial, Helvetica, sans-serif; margin-top:60px;} .indexJoin .joinBox a:hover{ background:#666d71;} .indexJoin .joinBox a span{ display:inline-block; padding-right:25px;background:url(../images/s.png) right center no-repeat; background-size:8px;} .indexJoin .joinBox{position:relative;} .indexJoin .joinBox .img{width:67.39130434782609%;} .indexJoin .joinBox .img img{ max-width:100%;width:100%;} .indexJoin .joinBox .wz{ width:49.18478260869565%;padding:100px 100px; position:absolute;bottom:0;right:0; min-height:425px; background:#fff;} /**/ .indexJoin .joinBox2 .wz{ width:50.81521739130435%; padding:100px 100px;} .indexJoin .joinBox2 .wz p{ max-width:415px;} .indexJoin .joinBox2 .img{ width:49.18478260869565%;} .indexJoin .joinBox2 .img img{ max-width:100%;width:100%;} @media screen and (max-width:1920px){ /*.indexJoin{padding-top:215px;font-size:16px;line-height:30px;} .indexJoin h2{font-size:28px;line-height:40px;margin-bottom:45px;} .indexJoin .joinBox a{width:180px; line-height:48px;margin-top:60px;} .indexJoin .joinBox a span{padding-right:25px;background-size:8px;} .indexJoin .joinBox .wz{padding:100px 100px;min-height:425px;} .indexJoin .joinBox2 .wz{padding:100px 100px;} .indexJoin .joinBox2 .wz p{ max-width:415px;}*/ .indexJoin {padding-top:2.15rem;font-size:0.16rem;font-size:clamp(13px, 0.16rem, 16px);line-height:0.3rem;} .indexJoin h2 {font-size:0.28rem;line-height:0.4rem;margin-bottom:0.45rem;} .indexJoin .joinBox a {width:1.8rem;line-height:0.48rem;margin-top:0.6rem;} .indexJoin .joinBox a span {padding-right:0.25rem;background-size:0.08rem;} .indexJoin .joinBox .wz {padding:1rem 1rem;min-height:4.25rem;} .indexJoin .joinBox2 .wz {padding:1rem 1rem;} .indexJoin .joinBox2 .wz p {max-width:4.15rem;} } /*@media screen and (max-width:1620px){ .indexJoin h2{font-size:26px;line-height:38px;margin-bottom:40px;} .indexJoin .joinBox .wz{padding:90px 90px;min-height:400px;} .indexJoin .joinBox2 .wz{padding:90px 90px;} .indexJoin .joinBox a{ margin-top:50px;} } @media screen and (max-width:1320px){ .indexJoin h2{font-size:24px;line-height:38px;margin-bottom:30px;} .indexJoin .joinBox .wz{padding:70px 70px;min-height: inherit;} .indexJoin .joinBox2 .wz{padding:70px 70px;} .indexJoin .joinBox a{width:180px; line-height:48px; margin-top:40px;} }*/ @media screen and (max-width:1220px){ .indexJoin{font-size:16px;line-height:30px;} .indexJoin h2{font-size:22px;line-height:36px;margin-bottom:30px;} .indexJoin .joinBox .wz{padding:50px 50px;min-height: inherit;} .indexJoin .joinBox2 .wz{padding:50px 50px;} .indexJoin .joinBox a{ margin-top:30px;width:160px; line-height:40px; } .indexJoin .joinBox a span{padding-right:25px;background-size:8px;} .indexJoin{padding-top:60px;font-size:14px;line-height:26px;} } @media screen and (max-width:1024px){ .indexJoin h2{font-size:20px;line-height:30px;margin-bottom:30px;} .indexJoin .joinBox .wz{padding:40px 40px;min-height: inherit;} .indexJoin .joinBox2 .wz{padding:40px 40px;} } @media screen and (max-width:992px){ .indexJoin .joinBox .img{width:100%; display:block;} .indexJoin .joinBox .wz{ width:100%; display:block;padding:50px 50px; position: static;min-height: inherit;} /**/ .indexJoin .joinBox2 .wz{ width:100%; display:block; padding:50px 50px;} .indexJoin .joinBox2 .wz p{ max-width:100%;} .indexJoin .joinBox2 .img{ width:100%; display:block;} } @media screen and (max-width:768px){ .indexJoin h2{font-size:18px;line-height:30px;margin-bottom:30px;} .indexJoin .joinBox .wz{padding:30px 30px;min-height: inherit;} .indexJoin .joinBox2 .wz{padding:30px 30px;} } /*indexAbout*/ .indexProduct{padding-top:170px;background:url(../images/index-bg.jpg) center top no-repeat; background-size:100%;} .indexProduct .indexTitle{ background-image:url("../images/index-protit.png");} @media screen and (max-width:1920px){ .indexProduct{padding-top:1.7rem;} } @media screen and (max-width:1220px){ .indexProduct{padding-top:90px;} } @media screen and (max-width:1024px){ .indexProduct{padding-top:70px;} } @media screen and (max-width:768px){ .indexProduct{padding-top:50px;} } /*indexHotsalesList*/ .indexHotsalesBox .indexHotsalesListBox, .indexHotsalesList .swiper-container{overflow:hidden;} .indexHotsalesList .swiper-slide{float:none; overflow:hidden; width:100%;} .indexHotsalesList .li{ margin:0;} .indexHotsalesList .li a{ padding:0; display:block; vertical-align:bottom;position:relative;} .indexHotsalesList .li .ImgBox{ padding-bottom:47.72727272727273%;} .indexHotsalesList .li .title{color:#fff;line-height: normal; text-align:left;position:absolute;bottom:0; left:0;right:0; max-width:590px;/*background:url(../images/bg90.png) center top repeat;*/} .indexHotsalesList .li .titleNr{ padding:80px 120px 60px 120px;} .indexHotsalesList .li .title .cn{font-size:26px;font-weight:300; line-height:normal;margin-bottom:24px;} .indexHotsalesList .li .title .en{ font-size:62px;font-weight:300;font-family: 'Helvetica', Arial, Helvetica, sans-serif;text-transform:uppercase; margin-bottom:2px;} .indexHotsalesList .li .title .des{font-size:14px;line-height:26px; height:52px; overflow:hidden;} @media screen and (max-width:1920px){ .indexHotsalesList .li .title{max-width:5.9rem;} .indexHotsalesList .li .titleNr{padding:0.8rem 1rem 0.6rem 1rem;} .indexHotsalesList .li .title .cn{font-size:0.26rem;margin-bottom:0.24rem;} .indexHotsalesList .li .title .en{font-size:0.62rem;} .indexHotsalesList .li .title .des{font-size: clamp(11px, 0.14rem, 14px);line-height:0.26rem; height:0.52rem;} } /*@media screen and (max-width:1620px){ .indexHotsalesList .li .title .cn{font-size:24px;margin-bottom:20px;} } @media screen and (max-width:1320px){ .indexHotsalesList .li .title .cn{font-size:22px;margin-bottom:20px;} }*/ @media screen and (max-width:1220px){ .indexHotsalesList .li .title .cn{font-size:20px;margin-bottom:20px;} .indexHotsalesList .li .title .en{font-size:50px;} .indexHotsalesList .li .title .des{font-size:12px;line-height:22px;height:44px;} } @media screen and (max-width:1024px){ .indexHotsalesList .li .title .cn{font-size:18px;margin-bottom:15px;} .indexHotsalesList .li .title .en{ font-size:40px;} } @media screen and (max-width:992px){ .indexHotsalesList .li .titleNr{ padding:0.6rem 0.6rem 0.6rem 0.6rem; } .indexHotsalesList .li .title .des{display:none} .indexHotsalesList .li .title{max-width:5rem;} .indexHotsalesList .li .title .cn{font-size:16px;} .indexHotsalesList .li .title .en{ font-size:36px;} .indexHotsalesList .li .title{} } @media screen and (max-width:768px){ .indexHotsalesList .li .titleNr{ padding:0.4rem 0.4rem 0.4rem 0.4rem; } .indexHotsalesList .li .title{max-width:5rem;} .indexHotsalesList .li .title .des{display:none} .indexHotsalesList .li .title .des{font-size:12px;line-height:22px; height:44px; overflow:hidden;} .indexHotsalesList .li .title .cn{font-size:12px;} .indexHotsalesList .li .title .en{ font-size:18px;} } @media screen and (max-width:640px){ /*.indexHotsalesList .li .title .en{ font-size:28px;} */ } @media screen and (max-width:550px){ /*.indexHotsalesList .li .title .en{ font-size:28px;} */ } /**/ .index-zz{ position:relative; margin-top:-40px;} .index-zz img{width:100%; display:block;} /**/ .indexProductList{ position:relative;} .indexHotTitListBox{ width:210px; height:102px; overflow:hidden; position:absolute;top:50%;right:50px;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); z-index:2;} .indexHotTitList{ overflow:hidden;} .indexHotTitList .swiper-slide{ cursor:pointer;width:100%;filter:alpha(opacity=50);-moz-opacity:0.50;-khtml-opacity: 0.5;opacity:0.50; height:34px!important;} .indexHotTitList .li{position:relative; text-align:right; width:100%;} .indexHotTitList .li:after{ content:''; display:none; width:6px; height:6px;border-radius:50%; background:#fff; overflow:hidden; position:absolute;right:0;top:50%; margin-top:-3px;} .indexHotTitList .li .cn{font-size:16px;font-weight:300;line-height:28px;padding:3px 0;padding-right:22px;color:#fff;} /*indexHotTitList swiper-slide*/ .indexHotTitList .swiper-slide{text-align:center;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center} .indexHotTitList .swiper-slide-active .li:after{ display:block;} .indexHotTitList .swiper-slide-active{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;} @media screen and (max-width:1920px){ /*.index-zz{ margin-top:-40px;} .indexHotTitListBox{ width:210px; height:102px;right:50px;} .indexHotTitList .swiper-slide{height:34px!important;} .indexHotTitList .li .cn{font-size:16px;line-height:28px;padding-right:22px;color:#fff;}*/ .index-zz {margin-top:-0.4rem;} .indexHotTitListBox {width:2.1rem;height:2rem;right:0.5rem;} .indexHotTitList .swiper-slide{height:0.34rem!important;} .indexHotTitList .li .cn{font-size:0.16rem;font-size:clamp(13px, 0.16rem, 16px);padding:0;padding-right:0.22rem;line-height:0.34rem;} } @media screen and (max-width:992px){ .indexHotTitListBox{top:60%;right:5%;width:200px;height:120px;} .indexHotTitList .swiper-slide{height:30px!important;} .indexHotTitList .li .cn{font-size:14px;padding-right:20px;line-height:30px;} } /******************************************************page******************************************************/ /*pagebanner*/ .pagebanner{ position:relative; overflow:hidden; display:block;} .pagebannerBox {width:100%;margin:0 auto;text-align:center;position: relative; padding-bottom:29.1666666%; background-repeat:no-repeat; background-position:center top; background-size:100%; overflow:hidden; background-attachment:fixed;} .pagebannerBox:after{ content:'';background-repeat:no-repeat;background-position:center top; background-size:100%;position:absolute; left:0;top:0; width:100%; height:100%; z-index:2;} .pagebannerBox img{width:100%; display:none;} .pagebannerBox .t {position:absolute;left:0;right:0;bottom:0; margin:0 auto; z-index:3; text-align:center;} .pagebannerBox .t .tbox{background-color:#91979f; padding:5.4605% 4.539%; display:inline-block; float:left;} .pagebannerBox .t .cn{font-size:18px;line-height:18px;display:block;position:relative; color:#fff; margin-top:8px;} .pagebannerBox .t .en{font-size:18px;line-height:18px;display:block; color:#fff; text-transform:uppercase;} @media screen and (max-width: 1920px){ .pagebannerBox .t .cn{font-size:0.18rem;font-size:clamp(14px, 0.18rem, 18px);} .pagebannerBox .t .en{font-size:0.18rem;font-size:clamp(14px, 0.18rem, 18px);} } /*@media screen and (max-width: 1520px){ .pagebannerBox .t .cn{font-size:18px;} .pagebannerBox .t .en{font-size:18px;} .pagebannerBox .t { padding-left:80px;} } @media screen and (max-width: 1320px){ .pagebannerBox .t .cn{font-size:18px;} .pagebannerBox .t .en{font-size:18px;} .pagebannerBox {background-size:cover;} }*/ @media screen and (max-width: 1220px){ .pagebannerBox .t .cn{font-size:18px;} .pagebannerBox .t .en{font-size:18px;} .pagebannerBox {background-size:cover;} } @media screen and (max-width: 1024px){ .pagebannerBox { background-attachment:inherit;background-size:cover;} .pagebannerBox .t .cn{font-size:18px;} .pagebannerBox .t .en{font-size:18px;} } @media screen and (max-width:768px) { .pagebannerBox {padding-bottom:50%;background-size:cover;} .pagebannerBox .t .cn{font-size:16px;} .pagebannerBox .t .en{font-size:16px;} .pagebannerBox .t .tbox{width:auto; padding:15px 35px;} } /*pageNav*/ .pageNav{ padding:4.9342% 0;} .pageNav li{ display:block; float:left; } .pageNav li a{ display:block; text-align:center; background:#dddddd; color:#000;padding:14.285% 0; min-width:140px; font-size:16px; font-weight:300; margin-bottom:10px;margin-right:10px; } .pageNav li a:hover{ background-color:#91979f; color:#fff;} .pageNav li a.aNow{background-color:#91979f; color:#fff;} @media screen and (max-width:1920px){ .pageNav li a{font-size:0.16rem;font-size:clamp(13px, 0.16rem, 16px);margin-bottom:0.1rem;margin-right:0.1rem; } } @media screen and (max-width:1520px){ .pageNav{ padding:4.9342% 0; } } @media screen and (max-width:1220px){ .pageNav li a{font-size:14px; } } @media screen and (max-width:780px){ .pageNav li a{padding:10px 15px; min-width:auto;} } @media screen and (max-width:640px){ .pageNav{ padding:20px 0 30px 0;} } /*pageContactBox*/ .pageContactBox{ width:45.3947%; float:left; background:url(http://www.janepolo.com/Design/King-Tin/css/Design/King-Tin/images/contact-bg.png) no-repeat bottom 35px right 75px; overflow:hidden;} .pageTitle2 .line{ float:left; margin-right:10.1449%;} .pageTitle2 .line img{ width:13px;} .pageTitle2 .cn{ font-size:40px; line-height:50px; color:#000;} .pageTitle2 .en{ font-size:16px; color:#333333; margin-top:5px;} .pageContactBox .tablebox{ margin-left:12.0289%; margin-top:30px;} .pageContactBox table span{ font-size:18px; color:#91979f; padding-left:10px; line-height:0px; } .pageContactBox table p{ font-size:15px; color:#333333; display:block; margin-bottom:4.8%; line-height:32px;} @media screen and (max-width:1920px){ .pageContactBox{ background-position:bottom 0.35rem right 0.75rem;} .pageTitle2 .line img{ width:0.13rem;} .pageTitle2 .cn{ font-size:0.4rem;line-height:0.5rem;} .pageTitle2 .en{ font-size:0.16rem;font-size:clamp(13px, 0.16rem, 16px);margin-top:0.05rem;} .pageContactBox .tablebox{margin-top:0.3rem;} .pageContactBox table span{font-size:0.18rem;font-size:clamp(14px, 0.18rem, 18px);padding-left:0.1rem; } .pageContactBox table p{font-size:0.15rem;font-size:clamp(12px, 0.15rem, 15px);line-height:0.32rem;} } @media screen and (max-width:1220px){ .pageContactBox{background-position:bottom 35px right 75px; } .pageTitle2 .en{ font-size:14px;line-height:26px;margin-top:5px;} .pageContactBox .tablebox{margin-top:30px;} .pageContactBox table span{font-size:16px;padding-left:10px; } .pageContactBox table p{font-size:14px;line-height:30px;} } @media screen and (max-width:1024px){ .pageContactBox{ width:100%; float:none;} .pageContactBox table p{ margin-bottom:2.8%; line-height:32px;} } @media screen and (max-width:768px){ .pageTitle2 .cn{ font-size:28px;line-height:30px; color:#000;} .pageContactBox .tablebox table{ display:inherit;} } @media screen and (max-width:640px){ .pagebannerBox .t{padding-left:10px;} .pageTitle2 .cn{ font-size:20px; line-height:24px;} } /*feedback2Box*/ .feedback2Box{width:54.6%; float:left; padding:0;font-size:16px;color:#000000;line-height:26px; margin-bottom:70px;} .feedback2{font-size:16px;color:#000000;line-height:26px;text-align:left;padding:0;margin:0 -8px; padding-top:200px;} .feedback2 .t{ display:block;margin-bottom:5px;font-size:16px;color:#646464;} .feedback2 .l1{float:left;width: 50%; position:relative;} .feedback2 .l2{float:left;width: 100%; position:relative;} .feedback2 .l3{float:left;width: 50%; position:relative;} .feedback2 .l1Box{margin:0 8px;} .feedback2 .text{display:block;width:100%;padding:4px 3% 4px 3%;height:48px;margin-bottom:45px;outline:none;font-size:14px;color:#646464;font-family:Arial,"微软雅黑",Sans-Serif;border:1px solid #eeeeee;border-radius:5px;background:#eeeeee;text-align:left;} .feedback2 .text2{display:block;width:100%;padding:10px 1.5% 10px 1.5%;height:100px;margin-bottom:45px;outline:none;font-size:14px;color:#646464;font-family:Arial,"微软雅黑",Sans-Serif;border:1px solid #eeeeee;border-radius:5px;background:#eeeeee;text-align:left;} .feedback2 .getcode{display:block;width:100%;padding:4px 3% 4px 3%;height:48px;margin-bottom:60px; float:left; outline:none;font-size:14px;color:#646464;font-family:Arial,"微软雅黑",Sans-Serif;border: none;border:1px solid #eeeeee;border-radius:5px;background:#eeeeee;text-align:left;} .feedback2 .inputbtn{display:inline-block;width:100%;height:50px;line-height:50px;margin:0;outline:none;font-size:14px;color: #fff;border:none;background-color: #91979f;cursor:pointer;text-align:center;font-family: 'Gotham',Arial,'微软雅黑','Microsoft YaHei', Helvetica, sans-serif; max-width:110px; text-transform:uppercase; margin-left:8px;} .feedback2 .inputbtn.tj{background:#91979f;} .feedback2 .kk{ color:#b4b5bd; margin-left:10px;} .feedback2 .kk img{ width:80px;} .feedback2 .top{ padding-top:26px;} @media screen and (max-width:1920px){ .feedback2Box{font-size:0.16rem;font-size:clamp(13px, 0.16rem, 16px);line-height:0.26rem;margin-bottom:0.7rem;} .feedback2{font-size:0.16rem;font-size:clamp(13px, 0.16rem, 16px);line-height:0.26rem;margin:0 -0.08rem;padding-top:2rem;} .feedback2 .t{ margin-bottom:0.05rem;font-size:0.18rem;font-size:clamp(14px, 0.18rem, 18px);} .feedback2 .l1Box{margin:0 0.08rem;} .feedback2 .text{height:0.48rem;margin-bottom:0.45rem;font-size:0.14rem;font-size:clamp(11px, 0.14rem, 14px);} .feedback2 .text2{height:1rem;margin-bottom:0.45rem;font-size:0.14rem;font-size:clamp(11px, 0.14rem, 14px);} .feedback2 .getcode{height:0.48rem;margin-bottom:0.6rem;font-size:0.14rem;font-size:clamp(11px, 0.14rem, 14px);} .feedback2 .inputbtn{height:0.5rem;line-height:0.5rem;font-size:0.14rem;font-size:clamp(11px, 0.14rem, 14px);max-width:1.1rem;margin-left:0.08rem;} .feedback2 .kk{margin-left:0.1rem;} .feedback2 .kk img{width:0.8rem;} .feedback2 .top{ padding-top:0.26rem;} } @media screen and (max-width:1220px){ .feedback2Box{width:52.6%; margin-left:2%;} } @media screen and (max-width:1024px){ .feedback2Box{width:auto;float:none;overflow:hidden;margin-left:0;} .feedback2{font-size:16px;line-height:26px;padding-top:50px;margin:0px;} .feedback2 .t{ margin-bottom:5px;font-size:16px;} .feedback2 .l1{float:none;width:100%;} .feedback2 .l1Box{margin:0 auto;} .feedback2 .text{height:48px;margin-bottom:30px;font-size:14px;} .feedback2 .text2{height:100px;padding:4px 14px;margin-bottom:30px;font-size:14px;} .feedback2 .getcode{height:48px;padding:4px 14px;margin-bottom:30px;font-size:14px;width:100%;max-width:90%;} .feedback2 .inputbtn{height:44px;line-height:44px;font-size:14px;max-width:110px;margin-left:0;} .feedback2 .kk{margin-left:10px;} .feedback2 .kk img{width:80px;} .feedback2 .top{ padding-top:26px;} } @media screen and (max-width:768px){ .feedback2{padding-top:25px;} .feedback2Box {padding-left:0px; padding-right:0px; margin-bottom:40px;} } /*pageMap*/ .pageMap{ padding-left:83px; text-align:center; padding-bottom:120px;padding-top:80px;} @media screen and (max-width:1920px){ .pageMap{ padding-left:0.8rem;padding-bottom:1.2rem;padding-top:0.8rem;} } @media screen and (max-width:1220px){ .pageMap{ padding-left:60px;} } @media screen and (max-width:1024px){ .pageMap{ padding-left:0;padding-top:0.4rem;} } @media screen and (max-width:768px){ .pageMap{ padding-left:0;padding-bottom:30px;padding-top:0;} } /******************************************************page2******************************************************/ /*pageTitle*/ .pageTitle{ text-align:center; margin-bottom:55px; padding-top:20px; font-weight:300;} .pageTitle .t2{font-size:59px;color:#f6f6f6;line-height:normal;text-transform:uppercase;font-family: 'Geometric 415', Arial, Helvetica, sans-serif;font-weight:700; font-style:italic;} .pageTitle .t1{font-size:34px;color:#000000;line-height:normal;position:relative;} .pageTitle .t3{font-size:18px;color:#7d7e8d;line-height:normal;padding-top:30px;} @media screen and (max-width: 1520px){ .pageTitle .t2{font-size:42px;} .pageTitle .t1{font-size:30px;} } @media screen and (max-width:1400px) { .pageTitle .t2{font-size:38px;} .pageTitle .t1{font-size:26px;} .pageTitle .t3{font-size:17px;padding-top:28px;} } @media screen and (max-width: 1220px){ .pageTitle{margin-bottom:50px} .pageTitle .t2{font-size:36px;} .pageTitle .t1{font-size:24px;} .pageTitle .t3{font-size:16px;padding-top:26px;} } @media screen and (max-width:1150px){ .pageTitle{margin-bottom:40px} .pageTitle .t2{font-size:32px;} .pageTitle .t1{font-size:22px;} .pageTitle .t3{font-size:14px;padding-top:20px;} } @media screen and (max-width:992px){ .pageTitle{margin-bottom:30px} .pageTitle .t2{font-size:30px;} .pageTitle .t1{font-size:20px;} } @media screen and (max-width:768px){ .pageTitle .t2{font-size:28px;} .pageTitle .t1{font-size:18px;} } /*qalist*/ .qalist{ padding-bottom:1.2rem;} .qalist li{background:#f8f8f8;position:relative;border-bottom:1px solid #eee6e2; font-weight:300;} .qalist li .title{padding:28px 45px 28px 45px; overflow:hidden;zoom:1; cursor:pointer; background:#fff;} .qalist li .title .Tit{ background:url(../images/job-icon.png) left center no-repeat; background-size:22px;padding-left:40px;} .qalist li .title .Tit{font-size:22px; color:#000000; display:block; line-height:30px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .qalist li .title .close{display:block; width:120px; text-align:center; line-height:86px;height:86px; overflow:hidden; position:absolute; top:0; right:0;} .qalist li .title .close span{display:block;overflow:hidden;text-align:center;width:100%;height:100%; position:absolute; top:0; right:0; text-indent:-9999px; background:url(../images/job-v.png) center center no-repeat;background-size:18px;} .qalist li .title.on .close span{ font-size:16px; color:#91979f;text-indent:0; background:none;/*-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);*/} .qalist li .title.on .Tit{color:#91979f; } .qalist li .title.on{background:#eee6e2;} .qalist li .tmain{background:#f8f8f8; padding:26px 45px;display:none;font-size:15px; line-height:32px;color:#333333;} .qalist li .tmain h2{ font-weight:300;font-size:20px; color:#000000; margin-bottom:35px;} @media screen and (max-width:1920px){ .qalist li .title{padding:0.28rem 0.45rem 0.28rem 0.45rem;} .qalist li .title .Tit{background-size:0.22rem;padding-left:0.4rem;} .qalist li .title .Tit{font-size:0.22rem;line-height:0.3rem;} .qalist li .title .close{width:1.2rem;line-height:0.86rem;height:0.86rem;} .qalist li .title .close span{background-size:0.18rem;} .qalist li .title.on .close span{font-size:0.16rem;font-size:clamp(13px, 0.16rem, 16px);} .qalist li .tmain{padding:0.26rem 0.45rem;font-size:0.15rem;font-size:clamp(12px, 0.15rem, 15px);line-height:0.32rem;} .qalist li .tmain h2{font-size:0.2rem;margin-bottom:0.35rem;} } @media screen and (max-width:1220px){ .qalist li .title{padding:25px 40px;} .qalist li .title .Tit{background-size:20px;padding-left:40px;font-size:20px;line-height:30px;} .qalist li .title .close{width:120px;line-height:86px;height:86px;} .qalist li .title .close span{background-size:18px;} .qalist li .title.on .close span{font-size:16px;} .qalist li .tmain{padding:20px 40px;font-size:14px;line-height:24px;} .qalist li .tmain h2{font-size:20px;margin-bottom:35px;} } @media screen and (max-width:1024px){ .qalist li .title .Tit{font-size:18px;background-size:18px;padding-left:38px;} .qalist li .tmain h2{ font-size:18px;margin-bottom:30px;} .qalist li .title.on .close span{ font-size:14px} } @media screen and (max-width:992px){ .qalist li .title .Tit{font-size:16px;background-size:16px;padding-left:30px;} .qalist li .title{padding:10px 40px 10px 20px;} .qalist li .title .close{width:50px; height:50px; line-height:50px;} .qalist li .title.on .close span{ font-size:12px} .qalist li .tmain h2{ font-size:16px;margin-bottom:20px;} .qalist li .tmain{padding:26px 30px;font-size:14px; line-height:28px;} } /********************************shop********************************/ .page-shopList {overflow: hidden;} .page-shopList ul{overflow:hidden;display:block;font-size:0;line-height:0;margin:0 -6.5px;} .page-shopList ul li{width:20%;margin-bottom:30px;display:inline-block;*display:inline;zoom:1;vertical-align:top;} .page-shopList ul li a{ display:block;margin:0 6.5px;} .page-shopList ul li p{ line-height: 37px;font-size: 14px;color: #666;} .page-shopList ul li a .pic{overflow:hidden;padding-bottom:68.96551724137931%; position:relative;} .page-shopList ul li a:hover img{-moz-transform: scale3d(1.1, 1.1, 1.1) translate(-50%, -50%); -webkit-transform: scale3d(1.1, 1.1, 1.1) translate(-50%, -50%);-ms-transform: scale3d(1.1, 1.1, 1.1) translate(-50%, -50%);transform: scale3d(1.1, 1.1, 1.1) translate(-50%, -50%);} .page-shopList ul li a,.page-shopList ul .text:after,.page-shopList ul .text h3,.page-shopList ul .text h2,.page-shopList ul .text h3{-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;} .page-shopList ul .text{padding:20px 0;} .page-shopList ul .text h3{font-weight: normal;font-size:16px;color:#000000;height:30px;line-height:30px; overflow:hidden; text-align:center;} .page-shopList ul .text span{display:block;line-height:30px;height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;} @media (max-width: 1024px) { .page-shopList ul .text h3{font-size:16px;} .page-shopList ul .text{padding:15px 0;} } @media (max-width: 1024px) { .page-shopList ul li {width:20%;margin-bottom:25px;} .page-shopList ul .text h3{font-size:14px;height:26px;line-height:26px;} .page-shopList ul .text{padding:10px 0;} } @media (max-width: 768px) { .page-shopList ul{margin:0 -5px;} .page-shopList ul li a{margin:0 5px;} .page-shopList ul .text{padding:10px 0;} .page-shopList ul li {width:50%;margin-bottom:20px;} .page-shopList ul .text h3{font-size:14px;} } /*@media (max-width: 550px) { .page-shopList ul{margin:0 0;} .page-shopList ul li {width:100%;display:block;margin-bottom:20px;} .page-shopList ul li a{margin:0 5px;} } */ /*page-shopmap*/ .page-shopmap{ font-size:16px; color:#333333; line-height:28px; padding-top:100px;padding-bottom:100px;} @media (max-width: 1920px) { .page-shopmap{ padding-top:1rem;padding-bottom:1rem;} } @media (max-width: 1024px) { .page-shopmap{ font-size:14px;line-height:26px;} } /********************************news********************************/ .pageNewsList {overflow: hidden;} .pageNewsList ul{overflow:hidden;display:block;font-size:0;line-height:0;margin:0 -10px;} .pageNewsList ul li{width:50%;margin-bottom:20px;display:inline-block;*display:inline;zoom:1;vertical-align:top;} .pageNewsList ul li a{ display:block;margin:0 10px; background:#f1f3f5;} .pageNewsList ul li a{-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 .pic{ width:39.33333333333333%; float:left;} .pageNewsList ul li .imgBox{overflow:hidden;/*padding-bottom:150.8474576271186%;*/padding-bottom:445px; position:relative;} .pageNewsList ul li .imgBox img{height: 100% !important;width:100% !important} .pageNewsList ul li a:hover img{-moz-transform: scale3d(1.1, 1.1, 1.1) translate(-50%, -50%); -webkit-transform: scale3d(1.1, 1.1, 1.1) translate(-50%, -50%);-ms-transform: scale3d(1.1, 1.1, 1.1) translate(-50%, -50%);transform: scale3d(1.1, 1.1, 1.1) translate(-50%, -50%);} .pageNewsList ul li .infoBox{width:60.66666666666667%;float:right;} .pageNewsList ul li .infoBoxNr{padding:85px 45px 45px 45px;} .pageNewsList ul li .title{font-weight: normal;font-size:22px;color:#000000;height:64px;line-height:32px; overflow:hidden; margin-bottom:7px;} .pageNewsList ul li .key{display:block;line-height:28px;height:56px;overflow:hidden; font-size:15px;margin-bottom:100px;} .pageNewsList ul li .date{position: absolute;top:50%;left:36px;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);line-height:26px; z-index:2;font-weight:300;font-family: 'Helvetica', Arial, Helvetica, sans-serif; text-align:left; color:#fff;} .pageNewsList ul li .d{display:block;font-size:34px;padding-top:20px;} .pageNewsList ul li .y{display:block;font-size:14px;} .pageNewsList ul li .more{ width:106px; line-height:44px; color:#91979f;font-size:14px; background:#fff;border-radius:44px; text-align:center;} .pageNewsList ul li .more span{ display:inline-block; margin-left:28px;} @media (max-width: 1920px) { .pageNewsList ul li .d{font-size:0.34rem;} .pageNewsList ul li .key{margin-bottom:1rem;} .pageNewsList ul li .imgBox {padding-bottom:4.45rem;} .pageNewsList ul li .infoBoxNr{padding:0.85rem .45rem 0.25rem .45rem;} .pageNewsList ul li .title {font-size:0.22rem;height:0.64rem;line-height:0.32rem;margin-bottom:0.07rem;} .pageNewsList ul li .key {line-height:0.28rem;height:0.56rem;font-size:0.15rem;font-size:clamp(12px, 0.15rem, 15px);margin-bottom:1rem;} /*.pageNewsList ul li .title{font-size:22px;height:64px;line-height:32px;margin-bottom:7px;} .pageNewsList ul li .key{line-height:28px;height:56px;font-size:15px;margin-bottom:100px;} .pageNewsList ul li .more{ width:106px; line-height:44px;font-size:14px;border-radius:44px;} .pageNewsList ul li .more span{margin-left:28px;}*/ .pageNewsList ul li .more {width:1.06rem;line-height:0.44rem;font-size:0.14rem;font-size:clamp(11px, 0.14rem, 14px);border-radius:0.44rem;} .pageNewsList ul li .more span {margin-left:0.28rem;} } @media (max-width: 1220px) { .pageNewsList ul li .imgBox img{height:100%;} } @media (max-width: 1024px) { .pageNewsList ul li{width:100%;} .pageNewsList ul li .pic{width:30%;} .pageNewsList ul li .imgBox img{ width:100%!important;object-fit: fill;} .pageNewsList ul li .more{ width:90px; line-height:34px;font-size:12px;border-radius:34px;} .pageNewsList ul li .title{font-size:18px;height:30px;line-height:30px;margin-bottom:7px;} .pageNewsList ul li .key{line-height:26px; max-height:52px;height:auto;font-size:14px;margin-bottom:1rem;} } @media (max-width: 768px) { .pageNewsList ul li .pic{ width:100%; float:none;} .pageNewsList ul li .infoBox{ width:100%; float:none;} .pageNewsList ul li .imgBox{width:100%;height:5rem;} .pageNewsList ul li .imgBox img{object-fit: cover;} .pageNewsList ul li .infoBoxNr{padding:0.45rem .45rem 0.45rem .45rem;} .pageNewsList ul li .title{font-size:16px;height:30px;line-height:30px;margin-bottom:7px;} .pageNewsList ul li .key{line-height:26px; max-height:52px;height:auto;font-size:14px;margin-bottom:1rem;} } /*page-tab*/ .page-tab{margin:0 auto;padding:33px 0 33px 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.active a{background:#91979f;color: #fff;border-color:#91979f;} .page-tab ul li a:hover,.page-tab ul li a.focus{background:#91979f;color: #fff;border-color:#91979f;} .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-newsInfo*/ .page-newsInfo{text-align:left;} .page-newsInfo .newsTit{font-size:40px; color:#333333; line-height: normal; text-align:center;font-weight:500;padding-top:30px;margin:0 auto;margin-bottom:10px;} .page-newsInfo .newsShuju{ font-size:12px; color:#646464;line-height:30px;text-align:center;padding-bottom:30px; } .page-newsInfo .newsShuju em{ display:inline-block;margin:0 10px;font-size:12px; color:#909090;line-height:30px; font-style:normal;} .page-newsInfo .newsShuju em.s{padding-left:20px;background:url(http://www.janepolo.com/Design/King-Tin/images/news-s.png) left center no-repeat; background-size:14px;} .page-newsInfo .newsShuju em.s{padding-left:20px;background:url(http://www.janepolo.com/Design/King-Tin/images/news-u.png) left center no-repeat; background-size:14px;} .page-newsInfo .newsShare{display:inline-block;text-align:center;margin:0 auto; width:180px;} .page-newsInfo .newsText{margin:0 0;text-align:left;font-size:16px;color:#000000;line-height:30px;font-weight:300;} .page-newsInfo .newsTextNr{padding-top:30px;padding-bottom:20px; margin:0 auto;} .page-newsInfo .newsTextNr img{ max-width:100%; max-height:100%; height:auto; letter-spacing:0;} .page-newsInfo .newsBtn{border-bottom:1px solid #e5e5e5;padding-top:20px;font-size:0;} .page-newsInfo .newsBtn .newsBtnA,.page-newsInfo .newsBtn .newsBtnB{display:inline-block;*display:inline;zoom:1;width:50%; line-height:20px; height:20px; overflow:hidden;color:#909090;font-size:12px;} .page-newsInfo .newsBtn a{display:inline-block;max-width:90%;line-height:14px; height:14px;color:#909090; white-space:nowrap;text-overflow: ellipsis; overflow: hidden;} .page-newsInfo .newsBtn a:hover{color:#e80313;} .page-newsInfo .newsBtn .newsBtnA{text-align:left;} .page-newsInfo .newsBtn .newsBtnB{ text-align:right;} .page-newsInfo .newsBtn a srtong{ color:#333333;} @media screen and (max-width:1920px) { .page-newsInfo .newsTit{font-size:0.4rem;padding-top:0.3rem;margin-bottom:0.1rem;} .page-newsInfo .newsShuju{ padding-bottom:0.3rem; } .page-newsInfo .newsText{font-size:0.16rem;font-size:clamp(13px, 0.16rem, 16px);line-height:1.9;} .page-newsInfo .newsTextNr{padding-top:0.3rem;padding-bottom:0.2rem;} } @media screen and (max-width:1024px) { .page-newsInfo .newsTit{font-size:24px;} .page-newsInfo .newsText{font-size:14px;line-height:26px;} } @media screen and (max-width:992px) { .page-newsInfo .newsTit,.page-newsInfo .newsText{margin:0 10px;} .page-newsInfo .newsTit{ font-size:20px;width:auto;} .page-newsInfo .newsTextNr{width:100%;} } @media screen and (max-width:768px) { .page-newsInfo .newsTit,.page-newsInfo .newsText{margin:0 0px;} .page-newsInfo .newsBtn span{width:100%; } .page-newsInfo .newsBtn .newsBtnB{ text-align:left;} .page-newsInfo .newsTit{ font-size:18px;} .page-newsInfo .newsBtn span,.page-newsInfo .newsBtn a{line-height:20px; height:20px; } .page-newsInfo .newsBtn .newsBtnA,.page-newsInfo .newsBtn .newsBtnB{ display:block;} .page-newsInfo .newsBtn{padding-top:5px;padding-bottom:10px;} } /*page-back*/ .page-back{margin:0 auto;text-align:center;padding:50px 0;} .page-back a{display:block;width:140px;font-size: 14px;line-height:46px;height:46px; border-radius:46px;overflow:hidden; text-align:center;color: #909090;margin:0 auto;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s; background:#fff; border:1px solid #dcdcdc; position:relative;} .page-back a span{ display:inline-block; position:relative; z-index:2;overflow:hidden; border-radius:46px} .page-back a:after{ content:''; position:absolute;left:50%;top:0; width:0; height:100%;background:#91979f;-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;} .page-back a:hover:after{ width:100%; left:0;} .page-back a:hover{color:#fff; border-color:#91979f;} @media screen and (max-width:1920px) { .page-back{padding:0.5rem 0;} .page-back a{width:1.4rem;font-size:0.14rem;font-size:clamp(11px, 0.14rem, 14px);line-height:0.46rem;height:0.46rem;border-radius:0.46rem;} .page-back a span{border-radius:0.46rem} } @media screen and (max-width:1220px) { .page-back{padding:40px 0;} .page-back a{width:130px;font-size:14px;line-height:40px;height:40px;border-radius:40px;} .page-back a span{border-radius:40px} } @media screen and (max-width:768px) { .page-back{padding:30px 0;} .page-back a{width:120px;font-size:12px;line-height:35px;height:35px; border-radius:35px;} .page-back a span{border-radius:35px} } /********************************product********************************/ /*page-proList*/ .page-proList {overflow: hidden;} .page-proList ul{overflow:hidden;display:block;font-size:0;line-height:0;margin:0 -27px;} .page-proList ul li{width:50%;margin-bottom:105px;display:inline-block;*display:inline;zoom:1;vertical-align:top; position:relative;} /*.page-proList ul li:nth-child(2n){ top:83px;}*/ .page-proList ul li a{ display:block;margin:0 27px;} .page-proList ul li p{ line-height: 37px;font-size: 14px;color: #666;} .page-proList ul li a .imgBox{overflow:hidden;padding-bottom:53.13351498637602%; position:relative;} .page-proList ul li a .imgBox:before, .page-proList ul li a .imgBox:after{-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} .page-proList ul li a .imgBox:before{content: '';display: block;width:92.64305177111717%;height:6px;background-color:#91979f;right: 0;bottom: 0;position: absolute;z-index:1;} .page-proList ul li a .imgBox:after{content: '';color:#fff;display: block;width:45px;height:45px;line-height:45px;text-align: center;box-sizing:content-box;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-image:url("http://www.janepolo.com/Design/King-Tin/images/case-m.png"); background-position:center; background-repeat:no-repeat;background-size:100%; z-index:2;} .page-proList ul li a:hover .imgBox:before{width:100%;} .page-proList ul li a:hover .imgBox:after{opacity: .9;filter: alpha(opacity=90);-webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none;} .page-proList ul li a:hover img{-moz-transform: scale3d(1.1, 1.1, 1.1) translate(-50%, -50%); -webkit-transform: scale3d(1.1, 1.1, 1.1) translate(-50%, -50%);-ms-transform: scale3d(1.1, 1.1, 1.1) translate(-50%, -50%);transform: scale3d(1.1, 1.1, 1.1) translate(-50%, -50%);} .page-proList ul li a,.page-proList ul .text:after,.page-proList ul .text .cn,.page-proList ul .text h2,.page-proList ul .text .cn{-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;} .page-proList ul .text{padding:25px 50px;} .page-proList ul .text .cn{font-size:22px;color:#000000;height:30px;line-height:30px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight: 300;} .page-proList ul .text .en{display:block; font-size:40px; color:#b4b5bd;line-height:40px;height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight: 300;font-family: 'Helvetica', Arial, Helvetica, sans-serif;} @media (max-width: 1920px) { .page-proList ul{margin:0 -0.27rem;} .page-proList ul li{margin-bottom:1.05rem;} /*.page-proList ul li:nth-child(2n){top:0.83rem;}*/ .page-proList ul li a{margin:0 0.27rem;} .page-proList ul li p{line-height:0.37rem;font-size:0.14rem;font-size:clamp(11px, 0.14rem, 14px);} .page-proList ul li a .imgBox:before{height:0.06rem;} .page-proList ul li a .imgBox:after{width:0.45rem;height:0.45rem;line-height:0.45rem;} .page-proList ul .text{padding:0.25rem 0.5rem;} .page-proList ul .text .cn{font-size:0.22rem;height:0.3rem;line-height:0.3rem;} .page-proList ul .text .en{font-size:0.4rem;line-height:0.4rem;height:0.4rem;} } @media (max-width: 1220px) { .page-proList ul li{margin-bottom:70px;} .page-proList ul li:nth-child(2n){top:0;} .page-proList ul li p{line-height:37px;font-size:14px;} .page-proList ul li a .imgBox:before{height:4px;} .page-proList ul li a .imgBox:after{width:45px;height:45px;line-height:45px;} .page-proList ul .text{padding:25px 50px;} .page-proList ul .text .cn{font-size:18px;height:30px;line-height:30px;} } @media (max-width: 1024px) { .page-proList ul .text .cn{font-size:16px;} .page-proList ul li {margin-bottom:50px;} } @media (max-width: 768px) { .page-proList ul .text .cn{font-size:16px;} .page-proList ul .text .en{font-size:24px;height:30px;line-height:30px;} .page-proList ul{margin:0 0;} .page-proList ul li {width:100%;display:block;margin-bottom:20px;} .page-proList ul li a{margin:0 5px;} .page-proList ul li:nth-child(2n){ top:0;} } /*page-proList5*/ .page-proList5 {overflow: hidden;} .page-proList5 ul{overflow:hidden;display:block;font-size:0;line-height:0;margin:0 -16px;} .page-proList5 ul li{width:33.3333333%;margin-bottom:0px;display:inline-block;*display:inline;zoom:1;vertical-align:top; position:relative;} .page-proList5 ul li a{ display:block;margin:0 16px;} .page-proList5 ul li p{ line-height: 37px;font-size: 14px;color: #666;} .page-proList5 ul li a .imgBox{overflow:hidden;padding-bottom:68.04123711340206%; position:relative;} .page-proList5 ul li a .imgBox:before, .page-proList5 ul li a .imgBox:after{-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} .page-proList5 ul li a .imgBox:before{content: '';display: block;width: 100%;height: 100%;background-color: rgba(0,0,0,0.4);left: 0;top: 0;position: absolute;opacity: 0;filter: alpha(opacity=0); z-index:1;} .page-proList5 ul li a .imgBox:after{content: '';color:#fff;display: block;width:45px;height:45px;line-height:45px;text-align: center;box-sizing:content-box;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-image:url("http://www.janepolo.com/Design/King-Tin/images/case-m.png"); background-position:center; background-repeat:no-repeat;background-size:45px; z-index:2;} .page-proList5 ul li a:hover .pic:before{opacity:1;filter: alpha(opacity=100);} .page-proList5 ul li a:hover .pic:after{opacity: .9;filter: alpha(opacity=90);-webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none;} .page-proList5 ul li a:hover img{-moz-transform: scale3d(1.1, 1.1, 1.1) translate(-50%, -50%); -webkit-transform: scale3d(1.1, 1.1, 1.1) translate(-50%, -50%);-ms-transform: scale3d(1.1, 1.1, 1.1) translate(-50%, -50%);transform: scale3d(1.1, 1.1, 1.1) translate(-50%, -50%);} .page-proList5 ul li a,.page-proList5 ul .text:after,.page-proList5 ul .text .cn,.page-proList5 ul .text h2,.page-proList5 ul .text .cn{-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;} .page-proList5 ul .text{padding:25px 0px;} .page-proList5 ul .text .cn{font-size:18px;color:#000000;height:30px;line-height:30px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight: 300;} @media (max-width: 1920px) { .page-proList5 ul .text{padding:0.25rem 0px;} .page-proList5 ul .text .cn{font-size:0.18rem;font-size:clamp(14px, 0.18rem, 18px);height:0.3rem;line-height:0.3rem;} .page-proList5 ul li p{ line-height:0.37rem;font-size: 0.14rem;} } @media (max-width: 1024px) { .page-proList5 ul .text .cn{font-size:16px;height:30px;line-height:30px;} .page-proList5 ul li {width:50%;} .page-proList5 ul .text{padding:25px 0px;} .page-proList5 ul li p{ line-height:30px;font-size: 12px;} } @media (max-width: 768px) { .page-proList5 ul .text .cn{font-size:16px;} .page-proList5 ul{margin:0 0;} .page-proList5 ul li {width:100%;display:block;} .page-proList5 ul li a{margin:0 5px;} } /*prodetail-t*/ .prodetail-t{font-size:36px;color:#000000;font-weight: 300; margin-bottom:90px; text-align:center;} .prodetail-wz img{ max-width:100%;} @media (max-width: 1920px) { .prodetail-t{font-size:0.36rem;margin-bottom:0.9rem;} } /*prodetail-t*/ .prodetail-t1{font-size:50px;color:#000000;font-weight: 300; margin-bottom:45px; text-align:center; padding-bottom:40px; position:relative;} .prodetail-t1:after{ content:''; width:64px; height:1px; background:#91979f; margin:0 auto; position:absolute;bottom:0;left:0;right:0;} .prodetail-wz1 {font-size:18px;color:#000000;line-height:30px;border-bottom:1px solid #e8e8e8; margin-bottom:45px;} .prodetail-wz1 a{font-size:16px;color:#646464;font-weight: 300; } .prodetail-wz1 table{ padding:60px 0;} .prodetail-wz1 td{font-size:16px;color:#646464;font-weight: 300; line-height:30px; width:20%;text-align:center;} .prodetail-wz1 td strong{font-size:18px;color:#000000;font-weight:500;} .prodetail-wz2 img{ max-width:100%;} .prodetail-wz2 {font-size:16px;color:#646464;font-weight: 300; line-height:30px;border-bottom:1px solid #e8e8e8; margin-bottom:30px;padding-bottom:80px;} @media (max-width: 1920px) { .prodetail-t1{font-size:0.5rem;margin-bottom:0.45rem;padding-bottom:0.45rem;} .prodetail-wz1 table{ padding:0.6rem 0;} .prodetail-t1:after{width:0.64rem;} .prodetail-wz1 {font-size:0.18rem;font-size:clamp(14px, 0.18rem, 18px);line-height:0.3rem;margin-bottom:0.45rem;} .prodetail-wz1 a{font-size:0.16rem;font-size:clamp(13px, 0.16rem, 16px);} .prodetail-wz1 table{ padding:0.6rem 0;} .prodetail-wz1 td{font-size:0.16rem;font-size:clamp(13px, 0.16rem, 16px);line-height:0.3rem;} .prodetail-wz1 td strong{font-size:0.18rem;font-size:clamp(14px, 0.18rem, 18px);} .prodetail-wz2 {font-size:0.16rem;font-size:clamp(13px, 0.16rem, 16px);line-height:0.3rem;margin-bottom:0.3rem;padding-bottom:0.8rem;} } @media (max-width: 1220px) { .prodetail-wz1 {font-size:16px;line-height:30px;margin-bottom:20px;} .prodetail-wz1 a{font-size:14px;} .prodetail-wz1 table{ padding:60px 0;} .prodetail-wz1 td{font-size:14px;} .prodetail-wz1 td strong{font-size:16px;} .prodetail-wz2 {font-size:14px;line-height:1.5;margin-bottom:20px;padding-bottom:30px;} .prodetail-wz1 td{ width:100%; display:block!important; margin-bottom:5px;} } @media screen and (max-width:768px){ .prodetail-t1{ font-size:28px;} } @media screen and (max-width:640px){ .prodetail-t1{ font-size:24px;} } /*page-proList3*/ .page-proList3 {overflow: hidden; max-width:1273px; margin:0 auto;} .page-proList3 ul{overflow:hidden;display:block;font-size:0;line-height:0;margin:0 -16px;} .page-proList3 ul li{width:100%;margin-bottom:86px;display:inline-block;*display:inline;zoom:1;vertical-align:top; position:relative;} .page-proList3 ul li .item{ display:block;margin:0 16px;} .page-proList3 ul li .item .pic{ width:46.34721131186174%; float:left;} .page-proList3 ul li .item .imgBox{overflow:hidden;padding-bottom:100%; position:relative;} .page-proList3 ul li .item,.page-proList3 ul .text:after,.page-proList3 ul .text .cn,.page-proList3 ul .text h2,.page-proList3 ul .text .cn{-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;} .page-proList3 ul .text{ width:51.45326001571092%; float:right;} .page-proList3 ul .text .textNr{ background:#f3edea; padding:65px 50px;} .page-proList3 ul .text .cn{font-size:26px;color:#000000; line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500; padding-bottom:55px; margin-bottom:35px;border-bottom:1px solid #ce9287;} .page-proList3 ul .text .des{font-size:14px;color:#333333;min-height:156px;line-height:26px; margin-bottom:10px;} .page-proList3 ul .text .en{font-size:40px;color:#f7f7f7;line-height:70px;font-weight: 300;font-family: 'Helvetica', Arial, Helvetica, sans-serif; text-transform:uppercase;} .page-proList3 ul .text .btn a{ display:inline-block; margin-right:8px; width:106px; line-height:44px;border-radius:44px;font-size:14px;color:#fff; background:#91979f; text-align:center;} .page-proList3 ul .text .btn a.b2{color:#91979f; background:#fff;} /**/ .page-proList3 ul li:nth-child(2n) .item .pic{ float:right;} .page-proList3 ul li:nth-child(2n) .text{float:left;} .page-proList3 ul li:nth-child(2n) .text .en{ text-align:right;} @media (max-width: 1920px) { .page-proList3 {max-width:12.73rem;} .page-proList3 ul{margin:0 -0.16rem;} .page-proList3 ul li{margin-bottom:0.86rem;} .page-proList3 ul li .item{margin:0 0.16rem;} .page-proList3 ul .text .textNr{padding:0.65rem 0.5rem;} .page-proList3 ul .text .en{font-size:0.4rem;line-height:0.7rem;} .page-proList3 ul .text .cn{font-size:0.26rem;line-height:0.3rem;padding-bottom:0.55rem; margin-bottom:0.35rem;} .page-proList3 ul .text .des{font-size:0.14rem;font-size:clamp(11px, 0.14rem, 14px);min-height:1.56rem;line-height:0.26rem; margin-bottom:0.1rem;} .page-proList3 ul li{margin-bottom:0.86rem;} .page-proList3 ul .text .btn a{margin-right:0.08rem; width:1.06rem; line-height:0.44rem;border-radius:0.44rem;font-size:0.14rem;font-size:clamp(11px, 0.14rem, 14px);} } @media (max-width: 1220px) { .page-proList3 {max-width:1273px;} .page-proList3 ul{margin:0 -16px;} .page-proList3 ul li{margin-bottom:50px;} .page-proList3 ul li .item{margin:0 16px;} .page-proList3 ul .text .cn{font-size:20px;line-height:30px;} .page-proList3 ul .text .des{font-size:14px;min-height:156px;line-height:26px; margin-bottom:10px;} .page-proList3 ul .text .btn a{margin-right:8px; width:106px; line-height:44px;border-radius:44px;font-size:14px;} } @media (max-width: 1024px) { .page-proList3 ul .text .cn{font-size:18px;} } @media (max-width: 992px) { .page-proList3 ul li .item .pic, .page-proList3 ul .text{ width:100%!important; float:none;} .page-proList3 ul li .item .pic{ margin-bottom:20px;} .page-proList3 ul .text .cn{font-size:18px;} .page-proList3 ul .text .textNr{ background:#f3edea; padding:30px 3%;} .page-proList3 ul .text .btn a{margin-right:4px; width:80px; line-height:40px;border-radius:40px;font-size:12px;} .page-proList3 ul .text .textNr{padding:50px 30px;} } /********************************about********************************/ /*pageInfo*/ .page{padding-left:80px;} .pageInfo{ font-size:16px; line-height:30px; color:#000000; font-weight:300;} @media screen and (max-width:1920px){ .page{padding-left:0.8rem;} .pageInfo{font-size:0.16rem;font-size:clamp(13px, 0.16rem, 16px);line-height:1.9;} } @media screen and (max-width:1220px){ .page{padding-left:60px;} } @media screen and (max-width:1024px){ .pageInfo{font-size:14px; line-height:28px;} } @media screen and (max-width:768px){ .page{padding-left:0;} } /*pageBox*/ .pageBox{padding-left:85px; position:relative;} @media screen and (max-width:1920px){ .pageBox{padding-left:0.85rem;} } @media screen and (max-width:1024px){ .pageBox{padding-left:0;} } @media screen and (max-width:768px){ .pageBox{padding-left:0;} } /*pageTitle2*/ .pageTitle2{ position:relative;margin-bottom:35px;} .pageTitle2 .en{position:absolute; left:-85px;top:0;} .pageTitle2 .en img{width:12px;} .pageTitle2 .cn{ font-size:40px; line-height:50px; color:#000000; font-weight:300;padding-bottom:15px;} .pageTitle2 .cn strong{ font-weight:bold;color:#7398ab;} .pageTitle2 .wz{ font-size:16px; line-height:30px; color:#333333; font-weight:300;padding-bottom:15px;} @media screen and (max-width:1920px){ .pageTitle2{ margin-bottom:0.35rem;} .pageTitle2 .en{left:-0.85rem;} .pageTitle2 .en img{width:0.12rem;} .pageTitle2 .cn{ font-size:0.4rem;line-height:0.5rem;padding-bottom:0.15rem;} .pageTitle2 .wz{ font-size:0.16rem;font-size:clamp(13px, 0.16rem, 16px);line-height:0.3rem;padding-bottom:0.15rem;} } @media screen and (max-width:1220px){ .pageTitle2 .wz{ font-size:14px; line-height:26px;padding-bottom:10px;} } @media screen and (max-width:1024px){ } @media screen and (max-width:768px){ .pageTitle2 .cn{ font-size:28px; line-height:30px; color:#000;} } @media screen and (max-width:640px){ .pageTitle2 .cn{ font-size:20px; line-height:24px;} } /*page-about*/ .page-about{ padding-top:115px; padding-bottom:120px;background:url(../images/page2-bg.jpg) center bottom no-repeat; background-size:100%;} .pageabTable{padding-top:105px;} .pageabTable .td1{ width:40%; padding-right:7%;} .pageabTable .td1 img{max-width:416px;width:100%;} .pageabTable .td2{ width:53%; text-align:center; padding-top:5%;} .pageabTable .td2 img{max-width:562px;width:100%;} @media screen and (max-width:1920px){ .page-about {padding-top:1.15rem;padding-bottom:1.2rem;} .pageabTable {padding-top:1.05rem;} .pageabTable .td1 img{max-width:4.16rem;} .pageabTable .td2 img{max-width:5.62rem;} } @media screen and (max-width:1620px){ .pageabTable .td1{ width:44%; padding-right:3%;} } @media screen and (max-width:1260px){ .pageabTable td{ display:block!important; width:100%!important;} .pageabTable .td1 img{max-width:416px;} .pageabTable .td2 img{max-width:562px;} } @media screen and (max-width:1220px){ .pageabTable td{ display:block!important; width:100%!important;} } @media screen and (max-width:1024px){ .pageabTable td{ display:block!important; width:100%!important;} } @media screen and (max-width:768px){ .pageabTable td{ display:block!important; width:100%;} } /*flexbox*/ .flexbox{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 */ } .phoneshow{ display:none;} @media screen and (max-width:992px){ .pcshow{ display:none} .phoneshow{ display: block;} } /*pageHistory*/ .page-history{background:url(../images/page-honorbg.jpg) center bottom no-repeat #f2f3f6;background-size:100%;} .pageHistory .detail-box,.pageHistory .detail-list{position:relative;z-index:2} .pageHistory .detail-box{position:relative;width:calc(50% - 0.5rem);border-left:1px solid #e9e9ea} .pageHistory .detail-box .index-title-box{display:none} .pageHistory .detail-list{position:relative;width:50%;padding-top:1.14rem;padding-left:calc((100% - 15.36rem) / 2);padding-right:1.4rem} .pageHistory .detail-list .item{display:none} .pageHistory .year{font-size:0.4rem; font-family:Arial, Helvetica, sans-serif;line-height:0.4rem;margin-bottom:0.24rem; font-weight:bold; color:#91979f;} .pageHistory .desc{font-size:0.16rem;font-size:clamp(13px, 0.16rem, 16px);color:#000000;line-height:1.9; font-weight:400;} .pageHistory .desc p{ padding-left:0.35rem;background:url(../images/page-honorss.png) left 0.05rem no-repeat;background-size:0.2rem;} /*pageHistory .swiper-box*/ .pageHistory .swiper-box{position:relative;padding-left:1.12rem} .pageHistory .swiper-box:before{content:"";width:100%;height:1.54rem;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%);border:1px solid #e9e9ea;border-left:none;border-right:none} .pageHistory .swiper-box .swiper-container{height:6.73rem} .pageHistory .swiper-box .brief{transition-delay:0.2s} .pageHistory .swiper-box .swiper-slide{position:relative;cursor:pointer; font-family:Arial, Helvetica, sans-serif;font-size:0.24rem;color:#646464;align-items:center;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} .pageHistory .swiper-box .swiper-slide.swiper-slide-active{color:#91979f;font-size:0.3rem} /*btn-box*/ .pageHistory .btn-box{position:absolute;left:4.34rem;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);z-index:10;width:0.41rem;height:1.8rem;flex-flow:wrap} .pageHistory .btn-box:before{content:"";display:block;width:0.98rem;height:1px;background-color:#eeeeef;position:absolute;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);top:50%;z-index:10} .pageHistory .swiper-btn{display:block;width:100%;height:0.4rem;margin:0 auto;top:0;position:static;transform:none} .pageHistory .swiper-btn:before{content:"";display:block;width:100%;height:100%;opacity:1;background-size:0.40rem;background-position:center center;background-repeat:no-repeat;} .pageHistory .swiper-btn.prev{margin-bottom:1.1rem} .pageHistory .swiper-btn.prev:before{background-image:url(../images/page-left1.png)} .pageHistory .swiper-btn.next:before{background-image:url(../images/page-right1.png)} @media screen and (max-width:1600px){ .pageHistory .detail-list{padding-left:calc((100% - 14rem) / 2)} } @media screen and (max-width:1004px){ .pageHistory{padding-top:1rem;padding-bottom:1rem;flex-flow:wrap;flex-direction:column-reverse} .pageHistory .detail-box{width:100%;padding-left:0.3rem;border-left:none} .pageHistory .detail-box .index-title-box{display:block} .pageHistory .detail-box:before{content:"";height:1.74rem} .pageHistory .detail-list{padding-left:0.3rem;padding-right:0.3rem;width:100%;padding-top:0} .pageHistory .detail-list .index-title-box{display:none} .pageHistory .detail-list .item{padding:0.6rem 0 0} .pageHistory .year{font-size:0.48rem;line-height:0.5rem;margin-bottom:0.2rem} .pageHistory .desc{font-size:0.28rem;line-height:0.48rem} .pageHistory .swiper-box{padding-left:0} .pageHistory .swiper-box .swiper-container{height:7.2rem} .pageHistory .swiper-box .swiper-slide{font-size:0.4rem} .pageHistory .swiper-box .swiper-slide.swiper-slide-active{font-size:0.48rem} .pageHistory .btn-box{left:auto;right:1rem;width:0.8rem;height:1.8rem} .pageHistory .btn-box:before{width:1.2rem} .pageHistory .swiper-btn{height:0.6rem} .pageHistory .swiper-btn:before{background-size:0.6rem} .pageHistory .swiper-btn.prev{margin-bottom:0.8rem} } @media screen and (max-width:768px){ .pageHistory .year{font-size:24px;line-height:30px;margin-bottom:10px;} .pageHistory .desc{font-size:14px;line-height:30px;} } /*page-Honor*/ .page-Honor{padding-top:120px;padding-bottom:90px;background:#fff;} .page-Honor-swiper{padding:0;padding-top:45px;position: relative;} .page-Honor .w1560{position: relative;} .page-Honor-swiper .swiper-slide{ width:25%;} .page-Honor-swiper .swiper-slide a{display: block; margin:0 40px;} .page-Honor-swiper .swiper-slide a .picB{display: block;background-color:#fff;padding:0px 35px 107px 35px; position:relative;background: url("../images/page-honorbg.png") center bottom no-repeat; background-size:100%;} .page-Honor-swiper .swiper-slide a .picB:before, .page-Honor-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; } .page-Honor-swiper .swiper-slide a .picB:before{content: '';width: 100%;height: 100%;background-size:100% 100%;left: 0;top: 0;position: absolute;display:none;} .page-Honor-swiper .swiper-slide a .picB:after{content: '';color:#fff;font-size: 18px;width:50px;height: 50px;line-height:50px;text-align: center;background-color:#91979f;box-sizing:content-box;border-radius:5px;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("../images/top-search2.png") center center no-repeat #91979f;background-size:24px;display:none;} .page-Honor-swiper .swiper-slide a:hover .picB:before{background-color: rgba(255,255,255,0.2);} .page-Honor-swiper .swiper-slide a:hover .picB:after{opacity: .9;filter: alpha(opacity=90);-webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none;} .page-Honor-swiper .swiper-slide a .pic{display: block;position: relative;width: 100%;padding-bottom:100%;overflow: hidden;vertical-align:bottom;} .page-Honor-swiper .swiper-slide a .pic img{position: absolute;bottom:0;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, 0);-o-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);transform: translate(-50%,0);display: block;max-width: 100%; width:auto; max-height:100%; height: auto;} .page-Honor-swiper .swiper-slide a p{padding: 0;font-size:16px;color:#333333;line-height: 24px;text-align: center; font-weight:300;} .page-Honor .swiper-button-prev{opacity: 1;width:118px;height:100%;position:absolute;top:0;left:-62px;background: url("../images/page-honorsd1.png") left center repeat-y;background-size:100%;outline: none; z-index:3;} .page-Honor .swiper-button-next{opacity: 1;width:118px;height:100%;position:absolute;top:0;right:-62px;background: url("../images/page-honorsd2.png") right center repeat-y;background-size:100%;outline: none; z-index:3;} .page-Honor .swiper-button-prev:after{content: '';width:62px; height:62px; margin-top:-31px; position:absolute;top:50%;left:0;border-radius:50%;background: url("../images/page-left.png") center center no-repeat;background-size:100%; z-index:2;} .page-Honor .swiper-button-next:after{content: '';width:62px; height:62px; margin-top:-31px; position:absolute;top:50%;right:0;border-radius:50%;background: url("../images/page-right.png") center center no-repeat;background-size:100%; z-index:2;} .page-Honor .swiper-button-prev.swiper-button-disabled, .page-Honor .swiper-button-next.swiper-button-disabled{opacity:0;} @media screen and (max-width:1920px){ .page-Honor{padding-top:1.20rem;padding-bottom:0.9rem;background:url('../images/honor-bg.jpg');} .page-Honor .pageBox{padding: 0 0.85rem;} .page-Honor-swiper{padding-top:0.45rem;} .page-Honor-swiper .swiper-slide a .picB{padding:0px 0.35rem 1.07rem 0.35rem;} .page-Honor-swiper .swiper-slide a{margin:0 0.4rem;} .page-Honor-swiper .swiper-slide a p{font-size:0.16rem;font-size:clamp(13px, 0.16rem, 16px);line-height:1.7;} .page-Honor .swiper-button-prev{width:1.18rem;left:-0.62rem;} .page-Honor .swiper-button-next{width:1.18rem;right:-0.62rem;} .page-Honor .swiper-button-prev:after{width:0.62rem; height:0.62rem; margin-top:-0.31rem; } .page-Honor .swiper-button-next:after{width:0.62rem; height:0.62rem; margin-top:-0.31rem;} } @media screen and (max-width:1440px){ .page-Honor-swiper .swiper-slide a{margin:0 0.2rem;} } @media screen and (max-width:1220px){ .page-Honor-swiper .swiper-slide a .picB{padding:0px 0.35rem 1.2rem 0.35rem;} .page-Honor-swiper .swiper-slide{ width:33.333333%;} .page-Honor .swiper-button-prev{left:0;} .page-Honor .swiper-button-next{right:0;} } @media screen and (max-width:1024px){ .page-Honor{padding-top:50px;padding-bottom:50px;} .page-Honor-swiper{padding-top:30px;} .page-Honor-swiper .swiper-slide a p{font-size: 14px;} .page-Honor .swiper-button-prev:after{left:0;width:50px;height:50px;margin-top:-25px;} .page-Honor .swiper-button-next:after{right:0;width:50px;height:50px; margin-top:-25px;} } @media screen and (max-width:768px){ .page-Honor{padding-top:50px;padding-bottom:50px;} .page-Honor-swiper .swiper-slide{ width:50%;} .page-Honor .swiper-button-prev:after{left:0;width:40px;height:40px;margin-top:-20px;} .page-Honor .swiper-button-next:after{right:0;width:40px;height:40px; margin-top:-20px;} .page-Honor-swiper .swiper-slide a .picB{padding:0px 0.35rem 1.5rem 0.35rem;} .page-Honor .swiper-button-prev, .page-Honor .swiper-button-next{ background:none;} } @media screen and (max-width:640px){ .page-Honor-swiper .swiper-slide a .picB{padding:0px 0.35rem 1rem 0.35rem;} } @media screen and (max-width:550px){ .page-Honor-swiper .swiper-slide{ width:100%;} .page-Honor-swiper .swiper-slide a{display: block; margin:0 40px;} .page-Honor-swiper .swiper-slide a .picB{padding:0px 0.35rem 1.3rem 0.35rem;} } /*page-Brand*/ .page-Brand{padding-top:120px;padding-bottom:130px;background: url("../images/page-dongshibg.jpg") center top no-repeat #fff; background-size:100%;} .page-Brand-swiper{padding:0;padding-top:45px;position: relative;} .page-Brand .w1560{position: relative;} .page-Brand-swiper .swiper-slide{ width:25%;} .page-Brand-swiper .swiper-slide a{display: block; margin:0 40px;} .page-Brand-swiper .swiper-slide a .picB{display: block;background-color:#fff;padding:0px 35px 107px 35px; position:relative;background: url("../images/page-honorbg.png") center bottom no-repeat; background-size:100%;} .page-Brand-swiper .swiper-slide a .picB:before, .page-Brand-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;} .page-Brand-swiper .swiper-slide a .picB:before{content: '';display: block;width: 100%;height: 100%;background-size:100% 100%;left: 0;top: 0;position: absolute;} .page-Brand-swiper .swiper-slide a .picB:after{content: '';color:#fff;font-size: 18px;display: block;width:50px;height: 50px;line-height:50px;text-align: center;background-color:#91979f;box-sizing:content-box;border-radius:5px;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("../images/top-search2.png") center center no-repeat #91979f;background-size:24px;} .page-Brand-swiper .swiper-slide a:hover .picB:before{background-color: rgba(255,255,255,0.2);} .page-Brand-swiper .swiper-slide a:hover .picB:after{opacity: .9;filter: alpha(opacity=90);-webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none;} .page-Brand-swiper .swiper-slide a .pic{display: block;position: relative;width: 100%;padding-bottom:100%;overflow: hidden;vertical-align:bottom;} .page-Brand-swiper .swiper-slide a .pic img{position: absolute;bottom:0;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, 0);-o-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);transform: translate(-50%,0);display: block;max-width: 100%; width:auto; max-height:100%; height: auto;} .page-Brand-swiper .swiper-slide a .des{padding: 0;font-size:16px;color:#333333;line-height: 24px;text-align: center; font-weight:300;} .page-Brand-swiper .swiper-slide a .tit{padding-left:35px;font-size:26px;color:#ffff;font-weight:300;background: url("../images/page-dongshi-tit.png") center center no-repeat;background-size:20px;} @media screen and (max-width:1920px){ .page-Brand {padding-top:1.2rem;padding-bottom:1.3rem;} .page-Brand-swiper {padding-top:0.45rem;} } @media screen and (max-width:1024px){ .page-Brand {padding-top:0.6rem;padding-bottom:0.6rem;} .page-Brand-swiper {padding-top:0.30rem;} } /*BrandImgBox*/ .BrandBox .BrandImgBox{width:53.47222222222222%;height:auto; float:left; text-align:left; overflow:hidden;} .BrandBox .BrandImgBox .swiper-slide{width:100%;} .BrandBox .BrandImgBox .ImgBox{width:100%;height:auto;text-align:left; overflow:hidden; padding-bottom:77.92207792207792%;} .BrandBox .BrandImgBox .ImgBox img{width:100%;height:auto;display:block;} .BrandBox .BrandImgBox .ImgBox img, .BrandBox .BrandImgBox .ImgBox{-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;} /*BrandBox*/ .BrandBox{margin:0 auto;position:relative;} /*BrandList*/ .BrandBox .BrandlunboBox{width:50%;position:absolute;left:46%;top:0; height:100%;} .BrandBox .Brandlunbo{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%);} .BrandBox .BrandList{font-size:0; line-height:0; } .BrandBox .BrandList li{width:100%; display:block;background:#91979f;padding:108px 108px 108px 108px;} .BrandBox .BrandList li .item{} .BrandBox .BrandList li .ImgBox{width:50%;height:auto; float:left; text-align:left; overflow:hidden;} .BrandBox .BrandList li .ImgBox a{ display:block;width:91.25%;overflow:hidden;} .BrandBox .BrandList li .ImgBox img{width:100%;height:auto;display:block;} .BrandBox .BrandList li, .BrandBox .BrandList li .ImgBox img, .BrandBox .BrandList li a{-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;} .BrandBox .BrandList li .ImgBox a:hover img{-moz-transform: scale(1.05);-webkit-transform: scale(1.05);transform: scale(1.05);} /**/ .BrandBox .BrandList li .info{position:relative;} .BrandBox .BrandList li .t{padding-left:35px;font-size:26px;color:#fff; line-height:normal;font-weight:300;background: url("../images/page-dongshi-tit.png") left center no-repeat;background-size:20px; margin-bottom:30px;} .BrandBox .BrandList li .text{font-size:16px;color:#fff;line-height:30px;height:150px;overflow:auto;font-weight:300;} .BrandBox .BrandList li .text::-webkit-scrollbar {width: 2px;background-color: #e5e5e5;} .BrandBox .BrandList li .text::-webkit-scrollbar-thumb {background-color:#91979f;} .BrandBox .BrandList li a{-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;} /*Brandlunbobtn*/ .page-Brand .Brandlunbobtn{ text-align:center;position:absolute; left:56.38888888888889%; bottom:0;} .page-Brand .swiper-button-prev{ display:inline-block; margin-right:8px;opacity: 0.5;width:32px; height:32px;position:static; left:0;border-radius:50%;background: url("../images/page-left2.png") center center no-repeat;background-size:100%; z-index:2; outline:none;} .page-Brand .swiper-button-next{ display:inline-block;opacity:0.5;width:32px; height:32px;position:static;right:0;border-radius:50%;background: url("../images/page-right2.png") center center no-repeat;background-size:100%; z-index:2; outline:none;} .page-Brand .swiper-button-prev.swiper-button-disabled, .page-Brand .swiper-button-next.swiper-button-disabled{opacity:0.5;} .page-Brand .swiper-button-prev:hover, .page-Brand .swiper-button-next:hover{opacity:1;} @media screen and (max-width:1920px){ /* .BrandBox .BrandList li{padding:108px 108px 108px 108px;} .BrandBox .BrandList li .t{padding-left:35px;font-size:26px;background-size:20px; margin-bottom:30px;} .BrandBox .BrandList li .text{font-size:16px;line-height:30px;height:150px;overflow:auto;font-weight:300;} .page-Brand .swiper-button-prev, .page-Brand .swiper-button-next{margin-right:8px;width:32px; height:32px;}*/ .BrandBox .BrandList li {padding:1.08rem 1.08rem 1.08rem 1.08rem;} .BrandBox .BrandList li .t {padding-left:0.35rem;font-size:0.26rem;background-size:0.2rem;margin-bottom:0.3rem;} .BrandBox .BrandList li .text {font-size:0.16rem;font-size:clamp(13px, 0.16rem, 16px);line-height:0.3rem;height:1.5rem;overflow:auto;font-weight:300;} .page-Brand .swiper-button-prev,.page-Brand .swiper-button-next {margin-right:0.08rem;width:0.32rem;height:0.32rem;} } @media screen and (max-width:1220px){ .BrandBox .BrandList li {padding:0.7rem 0.7rem;} } @media screen and (max-width:1024px){ .BrandBox .BrandList li {padding:0.5rem 0.5rem;} } @media screen and (max-width:992px){ .BrandBox .BrandImgBox{width:100%;float:none;} .BrandBox .BrandlunboBox{width:100%;position: static; left:0%;height:auto; margin-bottom:30px;} .BrandBox .Brandlunbo{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-Brand .Brandlunbobtn{position: static; left:0%; bottom:0;} .BrandBox .BrandList li{padding:0.9rem 0.9rem 0.9rem 0.9rem;} .BrandBox .BrandList li .t{padding-left:35px;font-size:20px;background-size:20px; margin-bottom:20px;} .BrandBox .BrandList li .text{font-size:14px;line-height:30px;max-height:150px; height:auto;overflow:auto;font-weight:300;} .page-Brand .swiper-button-prev,.page-Brand .swiper-button-next{margin-right:8px;width:32px; height:32px;} } @media screen and (max-width:768px){ .BrandBox .BrandList li{padding:0.5rem 0.5rem 0.95rem 0.5rem;} } /********************************school********************************/ /*page-school1*/ .page-school1{ padding-top:120px; padding-bottom:120px; background:#f9f4f1;} @media screen and (max-width:1920px){ .page-school1{ padding-top:1.2rem; padding-bottom:1.2rem;} } /*page-school2*/ .page-school2{padding-top:120px;padding-bottom:95px;background: url("../images/school2bg.jpg") center top no-repeat #fff; background-size:cover;} @media screen and (max-width:1920px){ .page-school2{ padding-top:1.2rem; padding-bottom:0.95rem;} } /*page-school2-top*/ .page-school2-top{ position:relative; margin-bottom:120px;} .page-school2-top .ImgBoxBig{width:53.47222222222222%;height:auto; text-align:left; overflow:hidden;} .page-school2-top .ImgBox{width:100%;height:auto;text-align:left; overflow:hidden; padding-bottom:64.47368421052632%;} .page-school2-top .ImgBox img{width:100%;height:auto;display:block;} .page-school2-top .ImgBox img, .page-school2-top .ImgBox{-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;} .page-school2-top .ImgBoxinfo{background:#fff;width:50%;position:absolute; left:46%;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);} .page-school2-top .ImgBoxinfo .infoB{width:100%; display:block;padding:100px 120px;} .page-school2-top .ImgBoxinfo .t{padding-left:10px;font-size:26px;color:#000000; line-height:normal;font-weight:300;margin-bottom:30px; position:relative;} .page-school2-top .ImgBoxinfo .t:after{ content:''; position:absolute; left:0;top:5px; width:2px; height:25px; background:#91979f;} .page-school2-top .ImgBoxinfo .text{font-size:16px;color:#333333;line-height:30px;height:60px;overflow:auto;font-weight:300;} @media screen and (max-width:1920px){ .page-school2-top{margin-bottom:1.2rem;} /*.page-school2-top .ImgBoxinfo .infoB{padding:100px 120px;} .page-school2-top .ImgBoxinfo .t{padding-left:10px;font-size:26px;margin-bottom:30px;} .page-school2-top .ImgBoxinfo .t:after{width:2px; height:25px;} .page-school2-top .ImgBoxinfo .text{font-size:16px;line-height:30px;height:60px;}*/ .page-school2-top .ImgBoxinfo .infoB {padding:1rem 1.2rem;} .page-school2-top .ImgBoxinfo .t {padding-left:0.1rem;font-size:0.26rem;margin-bottom:0.3rem;} .page-school2-top .ImgBoxinfo .t:after {width:0.02rem;height:0.25rem;} .page-school2-top .ImgBoxinfo .text {font-size:0.16rem;font-size:clamp(13px, 0.16rem, 16px);line-height:0.3rem;height:0.6rem;} } @media screen and (max-width:992px){ .page-school2-top .ImgBoxBig{width:100%;} .page-school2-top .ImgBoxinfo{width:100%;left:0%;position: static; top:0;-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-ms-transform:translateY(0%);-o-transform:translateY(0%);transform:translateY(0%);} .page-school2-top .ImgBoxinfo .infoB{padding:50px 50px;} .page-school2-top .ImgBoxinfo .t{padding-left:10px;font-size:18px;margin-bottom:20px;} .page-school2-top .ImgBoxinfo .t:after{width:2px; height:16px;} .page-school2-top .ImgBoxinfo .text{font-size:13px;line-height:26px;height:auto;} } /*school2lunbo*/ .school2lunbo{padding:0;padding-top:45px;position: relative;} .school2lunbo .swiper-slide{ width:33.33333%;} .school2lunbo .swiper-slide .item{display: block; margin:0 7.5px;} .school2lunbo .swiper-slide .item .picB{width:40.42553191489362%; float:left;} .school2lunbo .swiper-slide .item .pic{display: block;position: relative;width: 100%;padding-bottom:126.3157894736842%;overflow: hidden;vertical-align:bottom;} .school2lunbo .swiper-slide .item .pic img{position: absolute;bottom:0;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:auto; max-height:100%; height: auto;} .school2lunbo .swiper-slide .item p{padding: 0;font-size:16px;color:#333333;line-height: 24px;font-weight:300;} /*page-school2lunbo*/ .page-school2lunbo{ position:relative;} .page-school2lunbo .swiper-button-prev{opacity: 1;width:52px; height:52px; margin-top:-31px; position:absolute;top:50%;left:-62px;border-radius:5px; outline:none;background: url("../images/arrow-left.png") center center no-repeat #fff;background-size:100%; z-index:2;} .page-school2lunbo .swiper-button-next{opacity: 1;width:52px; height:52px; margin-top:-31px; position:absolute;top:50%;right:-62px;border-radius:5px;outline:none;background: url("../images/arrow-right.png") center center no-repeat #fff;background-size:100%; z-index:2;} .page-school2lunbo .swiper-button-prev.swiper-button-disabled, .page-school2lunbo .swiper-button-next.swiper-button-disabled{opacity:0;} /**/ .school2lunbo .swiper-slide{} .school2lunbo .swiper-slide .item{background:#fff;} .school2lunbo .swiper-slide .item .info{width:59.57446808510638%; float:left;} .school2lunbo .swiper-slide .item .infoB{display:block;padding:60px 40px 20px 40px;} .school2lunbo .swiper-slide .item .infoB .t{padding-left:10px;font-size:26px;color:#000000; line-height:normal;font-weight:300;margin-bottom:30px; position:relative;} .school2lunbo .swiper-slide .item .infoB .t:after{ content:''; position:absolute; left:0;top:5px; width:2px; height:25px; background:#91979f;} .school2lunbo .swiper-slide .item .infoB .text{font-size:16px;color:#333333;line-height:30px;height:60px;overflow:auto;font-weight:300;} @media screen and (max-width:1920px){ /*.school2lunbo .swiper-slide .item .infoB{padding:60px 40px;} .school2lunbo .swiper-slide .item .infoB .t{padding-left:10px;font-size:26px;margin-bottom:30px;} .school2lunbo .swiper-slide .item .infoB .t:after{top:5px; width:2px; height:25px;} .school2lunbo .swiper-slide .item .infoB .text{font-size:16px;line-height:30px;height:60px;}*/ .school2lunbo .swiper-slide .item .infoB {padding:0.6rem 0.4rem 0.2rem 0.4rem;} .school2lunbo .swiper-slide .item .infoB .t {padding-left:0.1rem;font-size:0.26rem;margin-bottom:0.3rem;} .school2lunbo .swiper-slide .item .infoB .t:after {top:0.05rem;width:0.02rem;height:0.25rem;} .school2lunbo .swiper-slide .item .infoB .text {font-size:0.16rem;font-size:clamp(13px, 0.16rem, 16px);line-height:0.3rem;height:0.6rem;} .school2lunbo .swiper-slide .item p{font-size:0.16rem;font-size:clamp(13px, 0.16rem, 16px);line-height:0.3rem;} .page-school2lunbo .swiper-button-prev{width:0.52rem; height:0.52rem; margin-top:-0.31rem;left:-0.62rem;border-radius:0.05rem;} .page-school2lunbo .swiper-button-next{width:0.52rem; height:0.52rem; margin-top:-0.31rem;right:-0.62rem;border-radius:0.05rem;} } @media screen and (max-width:1220px){ .page-school2lunbo .swiper-button-prev{width:52px; height:52px; margin-top:-31px;left:-62px;border-radius:5px;} .page-school2lunbo .swiper-button-next{width:52px; height:52px; margin-top:-31px;right:-62px;border-radius:5px;} .page-school2lunbo .swiper-button-prev{left:0;} .page-school2lunbo .swiper-button-next{right:0;} } @media screen and (max-width:1024px){ .school2lunbo .swiper-slide{ width:100%;} .school2lunbo .swiper-slide .item .infoB{padding:30px 20px;} .school2lunbo .swiper-slide .item .infoB .t{padding-left:10px;font-size:18px;margin-bottom:20px;} .school2lunbo .swiper-slide .item .infoB .t:after{top:3px; width:2px; height:18px;} .school2lunbo .swiper-slide .item .infoB .text{font-size:13px;line-height:26px;height:auto;} .school2lunbo .swiper-slide .item p{font-size:13px;line-height:0.26rem;} } @media screen and (max-width:992px){ .school2lunbo .swiper-slide .item .picB{width:100%; float:none;} .school2lunbo .swiper-slide .item .info{width:100%; float:none;} .school2lunbo .swiper-slide .item .pic{padding-bottom:50%;background: #e6e6e6;} .school2lunbo .swiper-slide .item .pic img{width:auto!important; max-height:100%!important;} } /*page-school3*/ .page-school3{padding-top:120px;padding-bottom:120px;background:#fff;} @media screen and (max-width:1920px){ .page-school3{ padding-top:1.2rem; padding-bottom:1.2rem;} } /*page-school3-hd*/ .page-school3-hd{position: relative;margin:0 auto; z-index:2; margin-bottom:70px;} .page-school3-hd .swiper-container{padding:0;position: relative;} .page-school3-hd .swiper-wrapper{ width:100%;margin:0 auto;} .page-school3-hd .swiper-slide{cursor: pointer; width:25%;font-size:22px;color: #333333;font-weight:300;text-align:center; position:relative;} .page-school3-hd .swiper-slide:after{ content:''; position:absolute; left:0;top:5px; width:1px; height:28px; background:#e3e3ea;} .page-school3-hd .swiper-slide-active {color:#91979f;} .page-school3-hd .swiper-slide .ys{ text-align:center; padding-left:35px;display:inline-block;background: url("../images/school3-icon.png") left center no-repeat;background-size:27px;} /**/ .page-school3-hd .swiper-button-prev{display:none;transition: 0.4s;width:22px;height:20px;border-radius:50%; overflow:hidden;left: 0;top:50%;margin-top:-10px; background: url("http://www.janepolo.com/Design/King-Tin/images/index-left.jpg") center center no-repeat;background-size:100%;outline: none;} .page-school3-hd .swiper-button-next{display:none;transition: 0.4s;width:22px;height:20px;border-radius:50%; overflow:hidden;right: 0;top:50%;margin-top:-10px;background: url("http://www.janepolo.com/Design/King-Tin/images/index-right.jpg") center center no-repeat;background-size:100%;outline: none;} /*page-school3-bd*/ .page-school3-bd{position:relative; z-index:1;} .page-school3-bd .swiper-wrapper{ height:auto!important;} .page-school3-bd .swiper-slide{ background:#fff; display:block; width:100%!important;} .page-school3-bd .swiper-slide .page-school3-bd-wz{ width:45.83333333333333%;float:right;} .page-school3-bd .swiper-slide .page-school3-bd-wzNr{color:#333333; font-size:16px; line-height:40px; padding:120px 65px;} .page-school3-bd .swiper-slide .page-school3-bd-pic{width:54.16666666666667%; float:left;} .page-school3-bd .swiper-slide .page-school3-bd-pic .zsyimg{padding-bottom:61.53846153846154%; } /*.page-school3-bd .swiper-slide .page-school3-bd-pic img{ width: 100%;height: 100%;object-fit: cover;}*/ @media screen and (max-width:1920px){ /*.page-school3-hd{margin-bottom:70px;} .page-school3-hd .swiper-slide{font-size:22px;} .page-school3-hd .swiper-slide:after{height:28px;} .page-school3-hd .swiper-slide .ys{padding-left:35px;background-size:27px;} .page-school3-bd .swiper-slide .page-school3-bd-wzNr{margin-top:30px;font-size:16px; line-height:40px; padding:120px 65px;}*/ .page-school3-hd {margin-bottom:0.7rem;} .page-school3-hd .swiper-slide {font-size:0.22rem;} .page-school3-hd .swiper-slide:after {height:0.28rem;} .page-school3-hd .swiper-slide .ys {padding-left:0.35rem;background-size:0.27rem;} .page-school3-bd .swiper-slide .page-school3-bd-wzNr {font-size:0.16rem;font-size:clamp(13px, 0.16rem, 16px);line-height:0.4rem;padding:1.2rem 0.65rem;} } @media screen and (max-width:1024px){ .page-school3-bd .swiper-slide .item{display: block!important;} .page-school3-bd .swiper-slide .page-school3-bd-wz{ width:100%;float:none;} .page-school3-bd .swiper-slide .page-school3-bd-pic{width:100%; float:none;} .page-school3-bd .swiper-slide .page-school3-bd-wzNr {font-size:14px;line-height:30px;padding:0.65rem 0.65rem 0 0.65rem;} } @media screen and (max-width:768px){ .page-school3-hd .swiper-slide{font-size:18px;} .page-school3-hd .swiper-slide:after{height:28px;} .page-school3-hd .swiper-slide .ys{padding-left:30px;background-size:20px;} .page-school3-bd .swiper-slide .page-school3-bd-wzNr{margin-top:20px;font-size:14px;line-height:30px;padding:0.65rem 0 0 0;} } /*page-school4*/ .page-school4{padding-bottom:100px;background:#fff;} @media screen and (max-width:1920px){ .page-school4{padding-bottom:1rem;} } /*page-school4Box*/ .page-school4Box{ padding-top:20px;} .page-school4Table td{ width:25%; height:360px; text-align:center;border:1px solid #f9f4f1; font-size:20px; color:#91979f;} .page-school4Table td img{ width:60px; margin-bottom:15px;} .page-school4Table td:hover{ color:#fff; background-image:url(../images/school4-titbg.jpg);background-position:center center; background-repeat:no-repeat; background-size:cover;} .page-school4Table td.img{ padding:40px 40px; text-align:left; vertical-align:middle; font-size:16px; color:#fff; line-height:30px;background-position:center center; background-repeat:no-repeat; background-size:cover;} @media screen and (max-width:1920px){ /*.page-school4Box{ padding-top:20px;} .page-school4Table td{height:360px;font-size:20px;} .page-school4Table td img{ width:60px; margin-bottom:15px;} .page-school4Table td.img{ padding:40px 40px;font-size:16px;line-height:30px;}*/ .page-school4Box {padding-top:0.2rem;} .page-school4Table td {height:3.6rem;font-size:0.2rem;} .page-school4Table td img{ width:0.6rem; margin-bottom:0.15rem;} .page-school4Table td.img {padding:0.4rem 0.4rem;font-size:0.16rem;font-size:clamp(13px, 0.16rem, 16px);line-height:0.3rem;} } @media screen and (max-width:1024px){ .page-school4Table td{ display: block!important; width:33.33333%; float:left; } .page-school4Table td.img {display: block!important; width:100%; height:auto; padding:1rem 0.4rem;} .page-school4Table td img{ margin-top:0} .page-school4Box{ padding-top:20px;} .page-school4Table td{height:auto;font-size:16px; padding:50px 0;} .page-school4Table td img{ width:50px; margin-bottom:10px;} .page-school4Table td.img{ padding:30px 30px;font-size:14px;line-height:26px;} } @media screen and (max-width:768px){ .page-school4Table td{ display: block!important; width:100%; float:left; } } /********************************join********************************/ /*page-join1*/ .page-join1{ padding-top:120px; padding-bottom:80px; background:#fff;} @media screen and (max-width:1920px){ .page-join1{ padding-top:1.2rem; padding-bottom:0.8rem;} } /*page-join2*/ .page-join2{padding-top:80px;padding-bottom:0.8rem;background:#fff;background-size:cover;} @media screen and (max-width:1920px){ .page-join2{ padding-top:0.8rem; padding-bottom:0.8rem;} } /*Join2ImgBox*/ .Join2Box .Join2ImgBox{width:55.97222222222222%;height:auto; float:right; text-align:left; overflow:hidden;} .Join2Box .Join2ImgBox .swiper-slide{width:100%;} .Join2Box .Join2ImgBox .ImgBox{width:100%;height:auto;text-align:left; overflow:hidden;padding-bottom:67.61786600496278%;} .Join2Box .Join2ImgBox .ImgBox img{width:100%;height:auto;display:block;} .Join2Box .Join2ImgBox .ImgBox img, .Join2Box .Join2ImgBox .ImgBox{-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;} /*Join2Box*/ .Join2Box{margin:0 auto;position:relative;} /*Join2List*/ .Join2Box .Join2lunboBox{width:50%;position:absolute; left:0;top:0; height:100%;} .Join2Box .Join2lunbo{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%);} .Join2Box .Join2List{font-size:0; line-height:0; } .Join2Box .Join2List li{width:100%;display:block;padding:60px 60px;background: url("../images/join-bg2.jpg") center center no-repeat;background-size:100% 1000%;} .Join2Box .Join2List li, .Join2Box .Join2List li .item{-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;} .Join2Box .Join2List li .info{position:relative;} .Join2Box .Join2List li .t{padding-left:25px;font-size:26px;color:#000000; line-height:normal;font-weight:300;margin-bottom:30px; position:relative;} .Join2Box .Join2List li .t:after{content:'';position:absolute; left:0;top:12px; width:10px; height:10px; background:#91979f;} .Join2Box .Join2List li .text{font-size:16px;color:#000000;line-height:30px;height:90px;overflow:auto;font-weight:300;} .Join2Box .Join2List li .text::-webkit-scrollbar {width: 2px;background-color: #e5e5e5;} .Join2Box .Join2List li .text::-webkit-scrollbar-thumb {background-color:#91979f;} .Join2Box .Join2List li a{-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;} /*Join2lunbobtn*/ .page-join2 .Join2lunbobtn{position:absolute; left:0; bottom:0; z-index:3;} .page-join2 .swiper-pagination{position:static;} .page-join2 .swiper-pagination-bullet{width:30px;height:30px;text-align:center;line-height:30px;color:#fff;opacity:1;background: transparent;border: 2px solid #fff;position:relative;font-size:12px;} .page-join2 .swiper-pagination-bullet:after{content:'';position:absolute;left:50%;margin-left:-3.5px;margin-top:-3.5px;top:50%;font-size:12px;background:#666d71;width:7px;height:7px;border-radius:50%;} .page-join2 .swiper-pagination-bullet-active{color:#91979f;border-color:#91979f;} .page-join2 .swiper-pagination-bullet-active:after{ display:none;} @media screen and (max-width:1920px){ /* .Join2Box .Join2List li{padding:108px 108px 108px 108px;} .Join2Box .Join2List li .t{padding-left:35px;font-size:26px;background-size:20px; margin-bottom:30px;} .Join2Box .Join2List li .text{font-size:16px;line-height:30px;height:150px;overflow:auto;font-weight:300;} .page-join2 .swiper-button-prev, .page-join2 .swiper-button-next{margin-right:8px;width:32px; height:32px;}*/ .Join2Box .Join2List li {padding:0.6rem 0.6rem ;} .Join2Box .Join2List li .t {padding-left:0.35rem;font-size:0.26rem;background-size:0.2rem;margin-bottom:0.3rem;} .Join2Box .Join2List li .text {font-size:0.16rem;font-size:clamp(13px, 0.16rem, 16px);line-height:0.3rem;height:0.9rem;overflow:auto;font-weight:300;} .page-join2 .swiper-button-prev,.page-join2 .swiper-button-next {margin-right:0.08rem;width:0.32rem;height:0.32rem;} } @media screen and (max-width:1220px){ .Join2Box .Join2List li {padding:0.5rem 0.5rem;} .Join2Box .Join2List li .t:after{top:10px} } @media screen and (max-width:1024px){ .Join2Box .Join2List li {padding:0.5rem 0.5rem;} .Join2Box .Join2List li .t:after{top:8px} } @media screen and (max-width:992px){ .Join2Box .Join2ImgBox{width:100%;float:none;} .Join2Box .Join2lunboBox{width:100%;position: static; left:0%;height:auto; margin-bottom:30px;} .Join2Box .Join2lunbo{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-join2 .Join2lunbobtn{position: static; left:0%; bottom:0;} .Join2Box .Join2List li {padding:0.6rem 0.6rem;} /*.Join2Box .Join2List li .t {padding-left:0.5833333333333334rem;font-size:0.43333333333333335rem;background-size:0.3333333333333333rem;margin-bottom:0.5rem;} .Join2Box .Join2List li .text {font-size:0.26666666666666666rem;line-height:0.5rem;height:2.5rem;overflow:auto;font-weight:300;} .page-join2 .swiper-button-prev,.page-join2 .swiper-button-next {margin-right:0.13333333333333333rem;width:0.5333333333333333rem;height:0.5333333333333333rem;}*/ .Join2Box .Join2List li .t{padding-left:35px;font-size:18px;background-size:20px; margin-bottom:30px;} .Join2Box .Join2List li .text{font-size:14px;line-height:30px;height:150px;overflow:auto;font-weight:300;} .page-join2 .swiper-button-prev,.page-join2 .swiper-button-next {margin-right:0.13333333333333333rem;width:0.5333333333333333rem;height:0.5333333333333333rem;} } /*page-join3*/ .page-join3{padding-top:80px;padding-bottom:0.8rem;background:#f9f4f1;} @media screen and (max-width:1920px){ .page-join3{ padding-top:0.8rem; padding-bottom:0.8rem;} } /*page-join3Box*/ .page-join3Box ul{margin:0 -4.5px;position:relative; font-size:0;} .page-join3Box li {display:inline-block;*display:inline;zoom:1; width:25%;vertical-align:top;margin-bottom:10px;} .page-join3Box li .info{ display:block; position:relative;margin:0 4.5px;padding:85px 50px; background-image:url("../images/join-3bg-6.jpg");border-top-left-radius:5px;border-bottom-right-radius:5px;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;background-position:center center; background-repeat:no-repeat; background-size:cover;} .page-join3Box li .info h2{font-size:24px;color:#fff;line-height:30px;margin-bottom:15px;font-weight:normal;position:relative;} .page-join3Box li .info img{width:60px;} .page-join3Box li .info .des{font-size:14px;color:#fff;line-height:30px;height:120px;overflow:auto;font-weight:300;margin-bottom:30px;} .page-join3Box li .info .des::-webkit-scrollbar {width: 2px;background-color: #e5e5e5;} .page-join3Box li .info .des::-webkit-scrollbar-thumb {background-color:#91979f;} .page-join3Box li .info:hover{-webkit-box-shadow: 0px 0px 30px rgba(0,0,0,.1);-moz-box-shadow: 0px 0px 30px rgba(0,0,0,.1);box-shadow: 0px 0px 30px rgba(0,0,0,.1);-webkit-transform: translateY(-10px);-moz-transform: translateY(-10px);-ms-transform: translateY(-10px);transform: translateY(-10px);} @media screen and (max-width:1920px){ /*.page-join3Box ul{margin:0 -4.5px;} .page-join3Box li {margin-bottom:10px;} .page-join3Box li .info{margin:0 4.5px;padding:85px 50px;} .page-join3Box li .info h2{font-size:24px;line-height:30px;margin-bottom:15px;} .page-join3Box li .info img{width:60px;} .page-join3Box li .info .des{font-size:14px;line-height:30px;height:120px;margin-bottom:30px;}*/ .page-join3Box ul {margin:0 -0.045rem;} .page-join3Box li {margin-bottom:0.1rem;} .page-join3Box li .info {margin:0 0.045rem;padding:0.85rem 0.5rem;} .page-join3Box li .info h2 {font-size:0.24rem;line-height:0.3rem;margin-bottom:0.15rem;} .page-join3Box li .info img {width:0.6rem;} .page-join3Box li .info .des {font-size:0.14rem;font-size:clamp(11px, 0.14rem, 14px);line-height:0.3rem;height:1.2rem;margin-bottom:0.3rem;} } @media screen and (max-width:1220px){ .page-join3Box li .info {padding:0.6rem 0.5rem;} } @media screen and (max-width:1024px){ .page-join3Box li .info {padding:0.5rem 0.5rem;} } @media screen and (max-width:768px){ .page-join3BoxB{padding-top:50px;padding-bottom:30px;} .page-join3Box ul{margin:0 -5px;} .page-join3Box li {width:50%;margin-bottom:10px;} .page-join3Box li .info{margin:0 5px;padding:20px 20px;} .page-join3Box li .info h2{font-size:18px;line-height:28px;margin-bottom:10px;} .page-join3Box li .info img{width:30px;} .page-join3Box li .info p{font-size:12px;line-height:26px; height:130px;} .page-join3Box li .info .des{font-size:14px;line-height:30px;height:auto;margin-bottom:30px;} } @media screen and (max-width:640px){ .page-join3Box li .info h2{margin-bottom:5px;} } @media screen and (max-width:550px){ .page-join3Box li {width:100%;margin-bottom:10px;} } /*page-join4*/ .page-join4{padding-top:80px;padding-bottom:0.8rem;background:#fff;} @media screen and (max-width:1920px){ .page-join4{ padding-top:0.8rem; padding-bottom:0.8rem;} } /*page-join5*/ .page-join5{padding-top:80px;padding-bottom:0.8rem;background:#fff;} @media screen and (max-width:1920px){ .page-join5{ padding-top:0.8rem; padding-bottom:0.8rem;} } /*page-join5List3*/ .page-join5lunbo{padding:30px 0px;} .page-join5List{font-size:0;position: relative; margin:0 -2.5px;} .page-join5List li{display:inline-block;*display:inline;zoom:1;margin:0;padding:0;list-style:none;width:25%;position:relative;vertical-align:top;} .page-join5List li .item{display: block; margin:0 2.5px; position:relative;} .page-join5List li .item h2,.page-join5List li .item,.page-join5List li .item .img img, .page-join5List li .item .img:before,.page-join5List li .item, .page-join5List li .item .img:after{-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} .page-join5List li .item .img:before{content:'';background:#000;position:absolute; left:0;bottom:0;width:100%;height:100%; z-index:1;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;display:none;} .page-join5List li .item:hover .img:before{filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5;} .page-join5List li .item .img{display: block;position: relative;width: 100%;padding-bottom:61.76470588235294%;overflow: hidden;} .page-join5List li .item .img img{display:block;position:absolute;top: 50%;left: 50%;-moz-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);padding: 0%;width: 100%;/*object-fit: contain;*/ max-width:none;} .page-join5List li .item h2{transition: 0.4s;padding: 20px 0px;font-size:16px;color:#fff; font-weight:300;line-height: 24px;text-align: center; -webkit-transform: translateY(-50%);-moz-ttransform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%); position:absolute;left:0;right:0;top:50%; margin:0 auto; z-index:3;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; display:none;} .page-join5List li .item:hover h2{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;} .page-join5List li .item:hover{-webkit-transform: translateY(-10px);-moz-transform: translateY(-10px);-ms-transform: translateY(-10px);transform: translateY(-10px);} .page-join5 .btnbox{ text-align:center;position:absolute; right:0; top:0;} .page-join5 .swiper-button-prev{ display:inline-block; margin-right:8px;opacity: 0.5;width:32px; height:32px;position:static; left:0;border-radius:50%;background: url("../images/page-left2.png") center center no-repeat;background-size:100%; z-index:2;} .page-join5 .swiper-button-next{ display:inline-block;opacity:0.5;width:32px; height:32px;position:static;right:0;border-radius:50%;background: url("../images/page-right2.png") center center no-repeat;background-size:100%; z-index:2;} .page-join5 .swiper-button-prev.swiper-button-disabled, .page-join5 .swiper-button-next.swiper-button-disabled{opacity:0.5;} .page-join5 .swiper-button-prev:hover, .page-join5 .swiper-button-next:hover{opacity:1;} @media screen and (max-width:1220px){ .page-join5ListB{padding-top:70px;padding-bottom:50px;} } @media screen and (max-width:1024px){ .page-join5ListB{padding-top:60px;padding-bottom:30px;background-attachment: inherit;height:auto;} .page-join5List li{ width:33.33%;margin-bottom:20px;} } @media screen and (max-width:768px){ .page-join5ListB{padding-top:50px;padding-bottom:30px;} .page-join5List li{ width:50%;margin-bottom:10px;} } /*page-join6*/ .page-join6{padding-top:80px;padding-bottom:0.8rem;background:#f9f4f1;} @media screen and (max-width:1920px){ .page-join6{ padding-top:0.8rem; padding-bottom:0.8rem;} } /*page-join6Box*/ .page-join6Box .detail-list{width:66%; padding-right:1%;} .page-join6Box .list{ background:#fff; height:384px; overflow:hidden;} .page-join6Box .list .img{ width:45%;} .page-join6Box .list .img img{ display:block; width:100%;} .page-join6Box .list .tit{font-size:20px;line-height:30px;margin-bottom:15px; font-weight:500; color:#000000;} .page-join6Box .list .desc{font-size:14px;color:#646464;line-height:22px; height:44px; overflow:hidden; font-weight:300;} .page-join6Box .list .info{width:55%;padding:65px 65px;} .page-join6Box .list .more{ display:inline-block; width:94px; line-height:36px; color:#fff;font-size:14px; background:#91979f;border-radius:36px; text-align:center; margin-top:30px;} .page-join6Box .list .more span{ display:inline-block; margin-left:28px;} /*page-join6Box .swiper-box*/ .page-join6Box .detail-box{width:34%;} .page-join6Box .swiper-box{position:relative; background:#fff;} .page-join6Box .swiper-box .swiper-container{height:385px} .page-join6Box .swiper-box .swiper-slide{position:relative;cursor:pointer; font-family:Arial, Helvetica, sans-serif;align-items:center;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;border-bottom:1px solid #f9f4f1;} .page-join6Box .detail-box .item{ display:block; padding:30px 65px;} .page-join6Box .detail-box .tit{font-size:20px;line-height:30px; margin-bottom:15px; font-weight:500; color:#000000;position:relative;padding-left:20px;} .page-join6Box .detail-box .tit:after{content:'';position:absolute; left:0;top:12px; width:10px; height:10px; background:#91979f;} .page-join6Box .detail-box .desc{font-size:14px;color:#646464;line-height:22px; height:22px; overflow:hidden; font-weight:300;} @media screen and (max-width:1920px){ /*.page-join6Box .list .tit{font-size:20px;line-height:30px;margin-bottom:15px;} .page-join6Box .list .desc{font-size:14px;line-height:22px; height:44px;} .page-join6Box .list .info{padding:65px 65px;} .page-join6Box .list .more{width:94px; line-height:36px;font-size:14px;border-radius:36px;margin-top:30px;} .page-join6Box .list .more span{margin-left:28px;} .page-join6Box .swiper-box .swiper-container{height:386px} .page-join6Box .detail-box .item{ display:block; padding:30px 65px;} .page-join6Box .detail-box .tit{font-size:20px;line-height:30px; margin-bottom:15px;padding-left:20px;} .page-join6Box .detail-box .tit:after{top:12px; width:10px; height:10px;} .page-join6Box .detail-box .desc{font-size:14px;line-height:22px; height:22px;}*/ .page-join6Box .list{height:3.84rem;} .page-join6Box .list .tit {font-size:0.2rem;line-height:0.3rem;margin-bottom:0.15rem;} .page-join6Box .list .desc {font-size:0.14rem;font-size:clamp(11px, 0.14rem, 14px);line-height:0.22rem;height:0.44rem;} .page-join6Box .list .info {padding:0.65rem 0.65rem;} .page-join6Box .list .more {width:0.94rem;line-height:0.36rem;font-size:0.14rem;font-size:clamp(11px, 0.14rem, 14px);border-radius:0.36rem;margin-top:0.3rem;} .page-join6Box .list .more span {margin-left:0.28rem;} .page-join6Box .swiper-box .swiper-container {height:3.84rem} .page-join6Box .detail-box .item {display:block;padding:0.3rem 0.65rem;} .page-join6Box .detail-box .tit {font-size:0.2rem;line-height:0.3rem;margin-bottom:0.15rem;padding-left:0.2rem;} .page-join6Box .detail-box .tit:after {top:0.12rem;width:0.1rem;height:0.1rem;} .page-join6Box .detail-box .desc {font-size:0.14rem;font-size:clamp(11px, 0.14rem, 14px);line-height:0.22rem;height:0.22rem;} } @media screen and (max-width:1740px){ .page-join6Box .list .img{ width:48%;} .page-join6Box .list .info{width:55%;} } @media screen and (max-width:1024px){ .page-join6Box{ display:block!important;} .page-join6Box .detail-list{width:100%; margin-bottom:20px;padding-right:0;} .page-join6Box .detail-box{width:100%;} .page-join6Box .list{height:auto;} .page-join6Box .list .tit{font-size:16px;line-height:30px;margin-bottom:15px;} .page-join6Box .list .desc{font-size:14px;line-height:22px; height:44px;} .page-join6Box .list .info{padding:30px 30px 30px 30px;} .page-join6Box .list .more{width:80px; line-height:30px;font-size:12px;border-radius:30px;margin-top:20px;} .page-join6Box .list .more span{margin-left:20px;} .page-join6Box .swiper-box .swiper-container{height:386px} .page-join6Box .detail-box .item{ display:block; padding:30px 30px;} .page-join6Box .detail-box .tit{font-size:16px;line-height:30px; margin-bottom:10px;padding-left:10px;} .page-join6Box .detail-box .tit:after{top:12px; width:5px; height:5px;} .page-join6Box .detail-box .desc{font-size:14px;line-height:22px; height:22px;} } @media screen and (max-width:768px){ .page-join6Box .list .img{width:100%;display:block!important;} .page-join6Box .list .info{display:block!important;width:100%;padding:30px 20px;} } /*page-join7*/ .page-join7{padding-top:80px;padding-bottom:0.8rem;background:#f2f4f6;} @media screen and (max-width:1920px){ .page-join7{ padding-top:0.8rem; padding-bottom:0.8rem;} } /*page-join7Table*/ .page-join7Table td{ text-align:center; width:33%; margin-right:1.111111111111111%; background:#fff; display:block; padding:65px 35px;border-top:8px solid #91979f;border-radius:5px; overflow:hidden; font-size:15px; line-height:22px; color:#646464;} .page-join7Table td h2{ font-size:22px; color:#91979f; margin-bottom:55px; padding-top:5px;} .page-join7Table td:nth-child(2n){border-color:#7398ab;} @media screen and (max-width:1920px){ /*.page-join7Table td{padding:65px 35px;border-top:8px solid #91979f;font-size:15px; line-height:22px;} .page-join7Table td h2{ font-size:22px;margin-bottom:55px; padding-top:5px;}*/ .page-join7Table td {padding:0.65rem 0.35rem;border-top:0.08rem solid #91979f;font-size:0.15rem;font-size:clamp(12px, 0.15rem, 15px);line-height:0.22rem;} .page-join7Table td h2 {font-size:0.22rem;margin-bottom:0.55rem;padding-top:0.05rem;} } @media screen and (max-width:1024px){ .page-join7Table tr{ display:block!important;} .page-join7Table td{width:32.3333%; margin-right:1%; float:left; margin-bottom:10px;} .page-join7Table td{padding:35px 20px;border-top:4px solid #91979f;font-size:14px; line-height:22px;} .page-join7Table td h2{ font-size:18px;margin-bottom:30px; padding-top:5px;} .page-join7Table td p br{ display:none;} } @media screen and (max-width:768px){ .page-join7Table td{width:49%; } .page-join7Table td:last-child{width:99%;} } /*feedback1Box*/ .feedback1Box{width:100%;padding:0;font-size:16px;color:#000000;line-height:26px; padding-top:65px; margin-top:65px;border-top:1px solid #91979f;} .feedback1{font-size:16px;color:#000000;line-height:26px;text-align:left;padding:0;margin:0 -8px;} .feedback1 .t{ display:block;margin-bottom:10px;font-size:18px;color:#646464;} .feedback1 .l1{float:left;width: 50%; position:relative;} .feedback1 .l2{float:left;width: 100%; position:relative;} .feedback1 .l3{float:left;width: 50%; position:relative;} .feedback1 .l1Box{margin:0 8px;} .feedback1 .text{display:block;width:100%;padding:4px 3% 4px 3%;height:54px;margin-bottom:35px;outline:none;font-size:14px;color:#646464;font-family:Arial,"微软雅黑",Sans-Serif;border:1px solid #fff;border-radius:0px;background:#fff;text-align:left;} .feedback1 .text2{display:block;width:100%;padding:10px 1.5% 10px 1.5%;height:233px;margin-bottom:35px;outline:none;font-size:14px;color:#646464;font-family:Arial,"微软雅黑",Sans-Serif;border:1px solid #fff;border-radius:0px;background:#fff;text-align:left;} .feedback1 .getcode{display:block;width:100%;padding:4px 3% 4px 3%;height:54px;margin-bottom:60px; float:left;outline:none;font-size:14px;color:#646464;font-family:Arial,"微软雅黑",Sans-Serif;border: none;border:1px solid #ffff;border-radius:0px;background:#fff;text-align:left;max-width:406px;} .feedback1 .inputbtn{display:inline-block;width:100%;height:50px;line-height:50px;margin:0;outline:none;font-size:14px;color: #fff;border:none;background-color: #91979f;cursor:pointer;text-align:center;font-family: 'Gotham',Arial,'微软雅黑','Microsoft YaHei', Helvetica, sans-serif; max-width:117px; text-transform:uppercase;border-radius:50px;} .feedback1 .inputbtn.tj{background:#91979f;} .feedback1 .kk{ color:#b4b5bd; margin-left:15px; float:left;} .feedback1 .kk img{ width:80px;} .feedback1 .top{ padding-top:26px;} @media screen and (max-width:1920px){ .feedback1Box {font-size:0.16rem;font-size:clamp(13px, 0.16rem, 16px);line-height:0.26rem;padding-top:0.65rem;margin-top:0.65rem;} .feedback1{font-size:0.16rem;font-size:clamp(13px, 0.16rem, 16px);line-height:0.26rem;margin:0 -0.08rem;} .feedback1 .t{font-size:0.18rem;font-size:clamp(14px, 0.18rem, 18px);} .feedback1 .l1Box{margin:0 0.08rem;} .feedback1 .text{height:0.54rem;margin-bottom:0.35rem;} .feedback1 .text2{padding:0.1rem 1.5% 0.1rem 1.5%;height:2.33rem;margin-bottom:0.35rem;font-size:0.14rem;font-size:clamp(11px, 0.14rem, 14px);} .feedback1 .getcode{padding:4px 3% 4px 3%;height:0.54rem;margin-bottom:0.6rem;font-size:0.14rem;font-size:clamp(11px, 0.14rem, 14px);max-width:4.06rem;} .feedback1 .inputbtn{height:0.5rem;line-height:0.5rem;font-size:0.14rem;font-size:clamp(11px, 0.14rem, 14px);max-width:1.17rem;border-radius:0.5rem;} .feedback1 .kk{margin-left:0.15rem;} .feedback1 .kk img{width:0.8rem;} .feedback1 .top{padding-top:0.26rem;} } @media screen and (max-width:1024px){ .feedback1Box{width:100%; float:none; overflow:hidden;font-size:14px;line-height:26px;padding-top:0.65rem;margin-top:0.65rem;} .feedback1 { padding-top:50px; margin:0px;} .feedback1 .l1{float:none;width:100%;} .feedback1 .t{ font-size:16px;} .feedback1 .text{width: 100%;padding:4px 14px;font-size:14px;height:50px;margin-bottom:25px;} .feedback1 .text2{padding:10px 14px;height:230px;margin-bottom:25px;font-size:14px;} .feedback1 .getcode{padding:4px 14px;margin-bottom:15px;max-width:180px; } .feedback1 .l1Box{margin:0 auto;} .feedback1 .inputbtn{width:100%;margin-top:30px; margin-left:0px;font-size:14px;max-width:117px;height:45px;line-height:45px;} .feedback1 .kk{margin-left:15px;} .feedback1 .kk img{width:80px;} } @media screen and (max-width:768px){ .feedback1{ padding-top:25px;} .feedback1Box { padding-left:0px; padding-right:0px; margin-bottom:40px;} .feedback1 .inputbtn{height:44px;line-height:44px;font-size:12px;max-width:100px;} } /*page-join3 pageTitle3*/ .pageTitle3{font-size:30px;color:#000000;line-height:normal;font-weight:300; padding:60px 0;} @media screen and (max-width:1920px){ .pageTitle3 {font-size:0.3rem;padding:0.6rem 0;} } /*page-join3FuwuTit*/ .page-join3FuwuCon{ position:relative; padding-left:266px; min-height:443px;} .page-join3FuwuTit{ width:266px; position:absolute; left:0;top:0; background:#fff;} .page-join3FuwuTit .navT1{ padding:30px 30px;border-bottom:1px solid #f0f0f2;} .page-join3FuwuTit .cn{font-size:16px;line-height:26px; display:block;font-weight:500; color:#000000;position:relative;} .page-join3FuwuTit .en{font-size:12px;color:#b4b5bd;line-height:24px; height:24px; overflow:hidden; font-weight:300; display:block; text-transform:uppercase;} .page-join3FuwuTit .navT1.active{background:#91979f; font-size:16px;color:#ffffff;} .page-join3FuwuTit .navT1.active .cn{color:#ffffff;} /*page-join3lunboList*/ .page-join3lunboList .img{width:61%; margin-left:0.5%; height:443px; background-position:center top; background-repeat:no-repeat;background-size:cover;} .page-join3lunboList .img img{ display:block; width:97.79614325068871%; margin:0 auto;} .page-join3lunboList .wz{width:38%; margin-left:0.5%; background:#fff;} .page-join3lunboList .wz .des{padding:70px 70px;height:443px;display:table-cell;vertical-align:middle; font-size:15px;color:#000000; line-height:30px;} .page-join3lunboList .wz .title{ display:none;} .page-join3lunboList .wz .cn{font-size:16px;line-height:26px; display:block;font-weight:500; color:#000000;position:relative;} .page-join3lunboList .wz .en{font-size:12px;color:#b4b5bd;line-height:24px; height:24px; overflow:hidden; font-weight:300; display:block; text-transform:uppercase;} @media screen and (max-width:1920px){ /*.page-join3FuwuCon{padding-left:266px; min-height:443px;} .page-join3FuwuTit{width:266px;} .page-join3FuwuTit .navT1{padding:30px 30px;} .page-join3FuwuTit .cn{font-size:16px;line-height:26px;} .page-join3FuwuTit .en{font-size:12px;line-height:24px; height:24px;} .page-join3lunboList .img{height:443px;} .page-join3lunboList .wz .des{padding:70px 70px;height:443px;font-size:15px;line-height:30px;}*/ .page-join3FuwuCon {padding-left:2.66rem;min-height:4.43rem;} .page-join3FuwuTit {width:2.66rem;} .page-join3FuwuTit .navT1 {padding:0.3rem 0.3rem;} .page-join3FuwuTit .cn {font-size:0.16rem;font-size:clamp(13px, 0.16rem, 16px);line-height:0.26rem;} .page-join3FuwuTit .en {font-size:0.12rem;font-size:clamp(11px, 0.12rem, 12px);line-height:0.24rem;height:0.24rem;} .page-join3lunboList .img {height:4.43rem;} .page-join3lunboList .wz .des {padding:0.3rem 0.7rem;height:4.43rem;font-size:0.15rem;font-size:clamp(12px, 0.15rem, 15px);line-height:normal;} } @media screen and (max-width:1520px){ .page-join3lunboList .wz .des {padding:0.3rem 0.6rem;} } @media screen and (max-width:1320px){ .page-join3lunboList .wz .des {padding:0.3rem 0.5rem;} } @media screen and (max-width:992px){ .page-join3FuwuCon {padding-left:0;min-height:4.43rem;} .page-join3FuwuTit {width:100%; display:none} .page-join3lunboList .item{ display:block;} .page-join3lunboList .wz .title{display:block;} .page-join3lunboList .img{width:100%; margin-left:0; margin-bottom:10px; height:auto; padding-bottom:61.97183098591549%; background-position:center top; background-repeat:no-repeat;background-size:cover;} .page-join3lunboList .wz{width:100%; margin-left:0; background:#fff; } .page-join3lunboList .wz .des { height:auto; display:block;padding:0.7rem 0.7rem;font-size:14px;line-height:28px;} } /*page-join3lunboList*/ .page-join3lunboList .swiper-pagination{display:none} .page-join3lunboList .swiper-container-horizontal>.swiper-pagination-bullets, .page-join3lunboList .swiper-pagination-custom, .page-join3lunboList .swiper-pagination-fraction{bottom:0} .page-join3lunboList .swiper-pagination-bullet{width:10px;height:10px;background-color:#dbdbdb;border-radius:5px;opacity:1} .page-join3lunboList .swiper-pagination-bullet-active{width:30px;background-color:#e60013;} @media screen and (max-width:992px){ .page-join3lunboList .swiper-pagination{display: block} } /*pageMore*/ .pageMore{margin: 0 auto; margin-top:30px;text-align:center;width:160px;line-height:46px;height:46px;border-radius:46px;background:#91979f; cursor:pointer;} .pageMore a{ display:inline-block; color: #fff;font-size:16px; position: relative;text-align:center; padding-right:30px;} .pageMore a:after{ content: ''; position: absolute; right: 0; top: 50%; margin-top:-3px;width:15px;height:6px; background: url(../images/more-v.png) right center no-repeat;background-size:100%;} .pageMore.no{ display:none!important;} @media screen and (max-width:1920px){ .pageMore{margin-top:0.3rem;width:1.6rem;line-height:0.46rem;height:0.46rem;border-radius:0.46rem;} .pageMore a{font-size:0.16rem;font-size:clamp(13px, 0.16rem, 16px);padding-right:0.3rem;} .pageMore a:after{width:0.15rem;} } @media screen and (max-width:1220px){ .pageMore{margin-top:30px;width:160px;line-height:46px;height:46px;border-radius:46px;} .pageMore a{font-size:16px;padding-right:30px;} .pageMore a:after{width:15px;} } @media screen and (max-width:1024px){ .pageMore{width:120px;line-height:40px;height:40px;border-radius:40px;} .pageMore a{font-size:14px;padding-right:30px;} } /*pageContactBox*/ .pageContactBox{ width:45.3947%; float:left; background:url(http://www.janepolo.com/Design/King-Tin/css/Design/King-Tin/images/contact-bg.png) no-repeat bottom 35px right 75px; overflow:hidden;} .pageT1 .line{ float:left; margin-right:10.1449%;} .pageT1 .line img{width:13px;} .pageT1 .cn{ font-size:40px; line-height:50px; color:#000;} .pageT1 .en{ font-size:16px; color:#333333; margin-top:5px;} .pageContactBox .tablebox{ margin-left:12.0289%; margin-top:30px;} .pageContactBox table span{ font-size:18px; color:#91979f; padding-left:10px; line-height:0px; } .pageContactBox table p{ font-size:15px; color:#333333; display:block; margin-bottom:4.8%; line-height:32px;} /*.pageContactBox table .wz img{ width:18px;}*/ @media screen and (max-width:1920px){ .pageContactBox{ background-position: bottom 0.35rem right 0.75rem;} .pageT1 .line img{width:0.13rem;} .pageT1 .cn{ font-size:0.4rem;line-height:0.5rem;} .pageT1 .en{font-size:0.16rem;font-size:clamp(13px, 0.16rem, 16px);margin-top:0.05rem;} .pageContactBox .tablebox{margin-top:0.3rem;} .pageContactBox table span{font-size:0.18rem;font-size:clamp(14px, 0.18rem, 18px);padding-left:0;} .pageContactBox table p{font-size:0.15rem;font-size:clamp(12px, 0.15rem, 15px);line-height:0.32rem;} /*.pageContactBox table .wz img{ width:0.18rem;}*/ } @media screen and (max-width:1220px){ .pageContactBox{ background:none;} .pageT1 .en{ font-size:14px;margin-top:5px;} .pageContactBox table span{font-size:16px;} .pageContactBox table p{ font-size:14px;line-height:30px;} /*.pageContactBox table .wz img{ width:14px;}*/ } @media screen and (max-width:1024px){ .pageContactBox{ width:100%; float:none;} .pageContactBox table p{margin-bottom:2.8%; line-height:32px;} } @media screen and (max-width:768px){ .pageContactBox { padding-left:0px;} .pageT1 .cn{ font-size:28px; line-height:30px; color:#000;} .pageContactBox .tablebox table{ display:inherit;} } @media screen and (max-width:640px){ .pageT1 .cn{ font-size:20px; line-height:24px;} .pagebannerBox .t{padding-left:10px;} } #contentimg{width: 100%;height: 5rem;} .cont{width:90%;margin:0 auto;overflow:hidden;} @media screen and (max-width:768px){ .cont{width:94%;} }