@charset "utf-8"; /* reset*/ .clearfix{zoom:1;} .clearfix:before,.clearfix:after{content:"";display:block;font-size:0;height:0;overflow:hidden;} .clearfix:after{clear:both;} /*.cn{font-family:-apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft yahei", arial, "PingFangSC-Regular", sans-serif;}*/ .syht{ font-weight:300;font-family: '思源黑体 CN','SourceHanSansCN-Regular', -apple-system, BlinkMacSystemFont, "PingFang SC",PingHei,STHeitiSC-Light,"Myriad Set Pro","Lucida Grande","Helvetica Neue",Helvetica,"microsoft yahei",SimHei,tahoma,Arial,"PingFangSC-Regular",Verdana,sans-serif;} .marginauto{position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;max-width:100%;max-height:100%;} .linenowrap{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .center{display:flex;display:-webkit-flex;justify-content:space-between;-webkit-justify-content:space-between;align-items:center;-webkit-align-items:center;} .audios{position:fixed;right:0;top:0;z-index:99;opacity:0;visibility:hidden;pointer-events:none;} .banner{height:100vh;background:#2976be;} .home-wrap .header{opacity:0;visibility:hidden;transition:2s;} .home-wrap .header.show{opacity:1;visibility:visible} /*html*/ html{/*font-size:100px;*/font-size:5.20833vw;overflow-x:hidden;} @media screen and (max-width:1220px){ html{font-size:80px;} } @media screen and (max-width:768px){ html{font-size:100px;} } body{background-color:#fff;overflow-x:hidden;color:#000;font-size:14px;font-family:"微软雅黑",Arial,helvetica,sans-serif;position:relative;min-width:320px;width:100%;} #content{position:relative;} .w1600{width:16rem;margin-left:auto;margin-right:auto; } .w1200{width:12rem;margin:0 auto;} /*@media (max-width: 1800px){ .w1600 {width: 1400px;} } @media screen and (max-width: 1520px) { .w1600 {width: 1300px; } .w1200 {width: 1100px; } } @media screen and (max-width: 1320px) { .w1600 {width: 1200px; } } @media screen and (max-width: 1220px) { .w1600{width:1000px;} .w1200{width:1000px;} }*/ @media screen and (max-width: 1220px) { .w1600{width:82%;} .w1200{width:82%;} } @media screen and (max-width: 1024px) { .w1600 {width:90%;} .w1200{width:90%;} } /*end reset*/ /*header*/ .header{position:fixed;left:0;top:0;box-sizing:border-box;width:100%;justify-content:space-between;align-items:center;z-index:99;transition:0.68s;border-bottom:1px solid rgba(255,255,255,0.1); background-image:url(../images/page-shadowbg.png); background-repeat:repeat-x; background-position:left top; background-size:19.2rem; display: -webkit-box; /* 老版本: Safari, iOS, Android browser, older WebKit browsers. */ display: -moz-box; /* 老版本: Firefox (buggy) */ display: -ms-flexbox; /* 混合版本: IE 10 */ display: -webkit-flex; /* 新版本: Chrome 21+ */ display: flex; /* 新版本: Opera 12.1, Firefox 22+ */padding:0 0.4rem;height:1rem;} .header.scrollfix .navs{opacity:0;visibility:hidden} .logo{display:block;position:relative;width:1.2rem;vertical-align:middle;} .logo img{display:block;width:100%;height:auto;transition:0.4s} .logo img.hide{ display:none;} .home .logo img.show{display:none;} .home .logo img.hide{display:block;} /*header navs*/ .navs{-webkit-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);transform:translate(0,-50%);font-size:0;line-height:0;position:absolute;top:50%;right:1.34rem;} .navs > li{position:relative;display:inline-block;*display:inline;zoom:1;vertical-align:top;line-height:1rem;margin-right:0.46rem;} .navs > li:last-child{margin-right:0} .navs > li:hover .navs-menus-box{opacity:1;visibility:visible;transform:translateY(0px);pointer-events:visible;} .navs > li > a{display:inline-block;padding:2px;position:relative;z-index:2;color:#fff;line-height:100%;vertical-align:middle;font-size:0.16rem;font-size:clamp(12px, 0.16rem, 24px);} .navs > li > a:before{position:absolute;right:0;bottom:0;z-index:-1;content:"";width:0;height:2px;background:#fff;transition:0.4s;} .navs > li > a .v{display:inline-block;line-height:100%;color:#fff;font-size:0.18rem;font-size:clamp(12px, 0.18rem, 24px);margin-left:3px;} /*header navs-menus 二级菜单*/ .navs-menus-box{z-index:4;opacity:0;visibility:hidden;transform:translateY(0.3rem);pointer-events:none;transition:0.5s;padding-top:3px;position:absolute;top:100%;left:-0.22rem;width:2.2rem;} .navs-menus{position:relative;background:rgba(0,0,0,0.5);border-radius:0.1rem;padding:0.09rem 0.2rem;} .navs-menus:before{content:"";border-left:0.11rem solid transparent;border-right:0.11rem solid transparent;border-bottom:4px solid rgba(0,0,0,0.5);position:absolute;top:-4px;left:0.44rem;} .navs-menus li{border-bottom:1px solid rgba(153,153,153,0.3);} .navs-menus li:last-child{border-bottom:none;} .navs-menus li a{display:block;position:relative;text-align:left;overflow: hidden;color:#fff;font-size:12px;font-size:0.15rem;font-size:clamp(12px, 0.15rem, 24px);height:0.41rem;line-height:0.41rem;} .navs-menus li a:hover i{opacity:1;visibility:visible;right:2px;} .navs-menus li a i{display:block;line-height:1;color:#fff;opacity:0;visibility:hidden;transition:0.35s;position:absolute;top:50%;right:0.06rem;margin-top:-0.06rem;font-size:0.12rem;font-size:clamp(12px, 0.12rem, 24px);} /*@media screen and (max-width:1450px){ .header{height:70px} .logo{width:120px} .navs > li{margin-right:30px} } @media screen and (min-width:1024px) and (max-width:1600px){ .logo{width:100px} .navs > li > a{font-size:12px} }*/ @media screen and (max-width:1220px){ .header{height:70px;} .logo{width:100px;} .navs > li{margin-right:30px} .navs > li > a{font-size:12px} } @media screen and (max-width:1024px){ .navs{display:none} .header{height:70px;background:#fff;padding:0 5%;box-shadow: 0 0 20px rgba(0, 0, 0, 0.16);} .logo img{opacity:0;visibility:hidden; display:none;} .logo img.hide{opacity:1;visibility:visible;display:block;} .logo{width:100px} } @media screen and (max-width:768px){ .logo{width:70px;} .header,.header.scrollfix{height:60px} } /*header-menu*/ .header-menu{z-index:3;align-items:center;position:absolute;right:0.4rem;top:0.28rem;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;} .header-menu.active .menu-btn{border-color:#c2cbcd} .header-menu.active .menu-btn p{color:#333333} /*header-search*/ .header-search{position:relative;margin-right:0.1rem} .header-search span{display:block;width:0.44rem;height:0.44rem;border-radius:50%;text-align:center;line-height:0.44rem;color:#fff;font-size:0.2rem;font-size:clamp(12px, 0.2rem, 24px);cursor:pointer;background-image:url(../images/top-search2.png); background-repeat:no-repeat; background-position:center center; background-size:0.17rem;} .header.scrollfix .header-search span{background-color:rgba(0,0,0,0.2);} /*header menu-btn*/ .menu-btn{position:relative;z-index:3;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;justify-content:center;align-items:center;width:0;height:0.43rem;line-height:0.43rem;border-radius:0.43rem;cursor:pointer;transition:0.4s 0.2s;background:rgba(0,0,0,0.2);filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; visibility:hidden;} .menu-btn p{margin-right:0.1rem;color:#fff;font-size:12px;font-size:0.15rem;font-size:clamp(12px, 0.15rem, 24px);text-transform:uppercase;transition:0.4s 0.2s} .header.scrollfix .menu-btn{width:1.05rem;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; visibility:visible;} /*header menubtn*/ .menubtn{position:relative;z-index:20;cursor:pointer;float:right;transition:0.4s;} .menubtn span{width:0.18rem;height:2px;display:block;background:#fff;position:relative;vertical-align:middle;-webkit-transition-duration:.3s,.3s;-moz-transition-duration:.3s,.3s;-ms-transition-duration:.3s,.3s;-o-transition-duration:.3s,.3s;transition-duration:.3s,.3s;-webkit-transition-delay:.3s,0s;-moz-transition-delay:.3s,0s;-ms-transition-delay:.3s,0s;-o-transition-delay:.3s,0s;transition-delay:.3s,0s} .menubtn span:after,.menubtn span:before{content:"";position:absolute;display:inline-block;width:100%;height:2px;left:0;background-color:#fff;-webkit-transition-duration:.3s,.3s;-moz-transition-duration:.3s,.3s;-ms-transition-duration:.3s,.3s;-o-transition-duration:.3s,.3s;transition-duration:.3s,.3s;-webkit-transition-delay:.3s,0s;-moz-transition-delay:.3s,0s;-ms-transition-delay:.3s,0s;-o-transition-delay:.3s,0s;transition-delay:.3s,0s} .menubtn span:before{top:-0.06rem;-webkit-transition-property:top,transform;-moz-transition-property:top,transform;-ms-transition-property:top,transform;-o-transition-property:top,transform;transition-property:top,transform} .menubtn span:after{bottom:-0.06rem;-webkit-transition-property:bottom,transform;-moz-transition-property:bottom,transform;-ms-transition-property:bottom,transform;-o-transition-property:bottom,transform;transition-property:bottom,transform} .menubtn.active span{background-color:transparent;-webkit-transition-delay:0s,0s;-moz-transition-delay:0s,0s;-ms-transition-delay:0s,0s;-o-transition-delay:0s,0s;transition-delay:0s,0s} .menubtn.active span:after,.menubtn.active span:before{-webkit-transition-delay:0s,.3s;-moz-transition-delay:0s,.3s;-ms-transition-delay:0s,.3s;-o-transition-delay:0s,.3s;transition-delay:0s,.3s} .menubtn.active span:before{background:#333333;top:0px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)} .menubtn.active span:after{background:#333333;bottom:0px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)} /*header menu-list*/ .menu-flex{position:fixed;left:0;top:0;width:100%;height:100%;visibility:hidden;pointer-events:none;transition:0.88s} .menu-flex.show{visibility:visible;pointer-events:visible} .menu-flex.show .menu-bg{opacity:1;visibility:visible;transition:0.88s 0s} .menu-flex.show .menu-right{right:0} .menu-bg{position:absolute;left:0;top:0;background:rgba(0,0,0,0.5);width:100%;height:100%;opacity:0;visibility:hidden;transition:0.88s 0.3s} .menu-right{position:absolute;right:-3.3rem;top:0;width:3.3rem;height:100%;background:#fff;transition:0.8s cubic-bezier(0.77,0,0.175,1)} .menu-list{padding-top:1.19rem;margin:0 0.3rem} .menu-list > li{position:relative;z-index:3;border-bottom:1px solid #ebebeb} .menu-list > li:hover > a,.menu-list > li.active > a{color:#fff} .menu-list > li:hover > a:before,.menu-list > li.active > a:before{height:100%;bottom:auto;top:0} .menu-list > li:hover > a em,.menu-list > li.active > a em{border-top-color:#fff;} .menu-list > li > a{display:block;position:relative;z-index:2;padding-left:0.42rem;color:#333333;font-size:0.16rem;font-size:clamp(12px, 0.16rem, 24px);height:0.59rem;line-height:0.59rem} .menu-list > li > a:before{position:absolute;left:0;bottom:0;content:"";width:100%;height:0;background:#981d34;transition:0.38s;z-index:-1} .menu-list > li > a em{position:absolute;right:0.37rem;top:50%;margin-top:-3px;content:"";border-left:0.06rem solid transparent;border-right:0.06rem solid transparent;border-top:0.07rem solid #333333} /*header menu-list二级*/ .menu-leval{display:none} .menu-leval.on{display:block} .menu-leval li{position:relative;border-top:1px solid #ebebeb} .menu-leval li:first-child{border-top:none} .menu-leval li a{display:block;position:relative;color:#666666;padding-left:0.59rem;height:0.59rem;line-height:0.59rem;font-size:0.16rem} .menu-leval li a:hover{color:#333333} .menu-leval li a:hover i{opacity:1;visibility:visible;transform:translateX(0px)} .menu-leval li a i{display:block;position:absolute;right:0.36rem;top:50%;margin-top:-0.07rem;font-size:12px;font-size:0.15rem;font-size:clamp(12px, 0.15rem, 24px);line-height:1;font-style:bold;opacity:0;visibility:hidden;transform:translateX(-0.1rem);transition:0.38s} /*menu-ip-down*/ .menu-ip-down{margin:0.4rem 0.3rem 0.4rem;display:none;background:#fff;z-index:5} /*@media screen and (max-width:1450px){ .header-menu{top:13px;} .menu-btn{height:46px} } @media screen and (min-width:1024px) and (max-width:1600px){ .menu-btn p{font-size:13px} }*/ @media screen and (max-width:1220px){ .header-menu{top:15px;height:40px;line-height:40px;border-radius:40px;} } @media screen and (max-width:1024px){ .header-menu{right:5%;top:15px;} .menu-btn{width:118px;height:40px;border:1px solid #c2cbcd} .menu-btn p{color:#000000;font-size:14px} .menu-btn{width:85px;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; visibility:visible; background:none; border:none;} .menubtn span,.menubtn span:before,.menubtn span:after{background:#000} .header.scrollfix .menu-btn{width:85px;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; visibility:visible;} .header-search span{width:35px;height:35px;background-image:url(../images/top-search.png);background-color:#fff;} .header.scrollfix .header-search span{background-image:url(../images/top-search.png);background-color:#fff;} } @media screen and (max-width:768px){ .header-menu{right:5%;top:10px;} .menu-btn p{font-size:15px;margin-right:5px} .menubtn span{width:18px;height:2px;} .menubtn span:before{top:-6px;} .menubtn span:after{bottom:-6px;} .menu-flex{overflow:hidden} .menu-right{overflow-y:auto;-webkit-overflow-scrolling:touch;width:80%;right:-80%} .menu-list > li > a{padding-left:20px;height:50px;line-height:50px;font-size:15px} .menu-leval li a{padding-left:40px;height:50px;line-height:50px;font-size:15px} .menu-list > li > a em{right:20px;} } /*topSearch*/ .main-content-wrap {z-index:99999;display: block;background: #FFF;position:fixed;left:0;right:0;visibility:hidden;padding:1.2rem 0;width:100%;height:auto;filter:alpha(opacity=0);opacity: 0;max-width:12rem; margin:auto auto; top:60%; -moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);text-align:center;} .main-content-wrap .content-wrap {overflow-y:auto; height: 100%; background-color: #fff; } .main-content-wrap.show-content-wrap .content-wrap { overflow-y: hidden; } .main-content-wrap.show-content-wrap{ top:50%;visibility:visible;filter:alpha(opacity=100);opacity: 1;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;-ms-transition: all .3s ease;} .head-search {position:relative;margin:0 auto;width:90%;background:#fff;height:0.5rem;border-radius:0.05rem;max-width:8rem;overflow:hidden;} .head-search .search-ipt { position: absolute;top:0;left:0;padding:0 0.1rem;width:100%;color:#666;height:0.5rem;font-size:0.14rem;font-size:clamp(12px, 0.14rem, 24px);background:#fff; outline:none; border:1px solid #dcdcdc;} .head-search .search-btn { position: absolute;top:0;right:0;display: block!important;width:0.5rem;height:100%;border:none;background: url(../images/top-search.png) center center no-repeat #21201e;background-size:0.2rem;-webkit-background-size:0.2rem; } .mobile-body-mask { position: fixed; top: 0;right:0;left:0;z-index:999;width:100%; height:100%; background: rgba(0, 0, 0, 0.6); display:none;} @media screen and (max-width:1024px){ .main-content-wrap.show-content-wrap{top:60px;padding:60px 0;} .head-search {height:40px;} .head-search .search-ipt {height:40px;} .head-search .search-btn {width:40px;} } /*ind-banner*/ .ind-banner{width:100%;overflow:hidden;position:relative;background:#000} .ind-banner .shipin:after{content:'';width:100%;height:100%;position:absolute;top:0;right:0;left:0;bottom:0;z-index:-1;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1IiBoZWlnaHQ9IjUiPgo8cmVjdCB3aWR0aD0iNSIgaGVpZ2h0PSI1IiBmaWxsPSJ0cmFuc3BhcmVudCI+PC9yZWN0Pgo8cGF0aCBkPSJNMCA1TDUgMFpNNiA0TDQgNlpNLTEgMUwxIC0xWiIgc3Ryb2tlPSIjMjkyNzI3IiBzdHJva2Utd2lkdGg9IjMuMjUiIG9wYWNpdHk9Ii4yNSI+PC9wYXRoPgo8L3N2Zz4=)} .ind-banner .swiper-slide{color:#fff;background:#000} .ind-banner .swiper-slide{position:relative} .ind-banner .swiper-slide img{width:54.6875%;position:absolute;left:0;right:0;top:0;bottom:0;z-index:2;margin:auto auto} .ind-banner .swiper-slide .img{display:block;width:100%;position:relative;min-height:7.5rem;height:100vh} .ind-banner .swiper-slide .img .shipin{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden} .ind-banner .swiper-slide .img video{width:100%;height:100%;object-fit:cover;/*filter:alpha(opacity=95);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";-moz-opacity:.95;-khtml-opacity:0.95;opacity:.95;*/} /*ind-banner swiper-pagination*/ .ind-banner .swiper-pagination{width:0.5rem;text-align:left;left:3%;top:50%;bottom:auto;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:10;display:none} .ind-banner .swiper-pagination-bullet{opacity:1!important;width:0.3rem;height:3px;background:#fff;cursor:pointer;text-align:center;border:none;border-radius:0;margin:0.1rem 0px!important} .ind-banner .swiper-pagination-bullet-active{width:0.5rem;background:#fff} .ind-banner .swiper-button-prev{position:absolute;top:50%;width:0.4rem;height:0.4rem;left:3%;margin-top:-0.44rem;background:url(../images/s1.png) center no-repeat;border-radius:50%;opacity:0;filter:Alpha(opacity=0);-webkit-transition:.2s ease-out;transition:.2s ease-out;background-size:0.3rem;display:none} .ind-banner .swiper-button-next{position:absolute;top:50%;width:0.4rem;height:0.4rem;right:3%;margin-top:-0.44rem;background:url(../images/s.png) center no-repeat;border-radius:50%;opacity:0;filter:Alpha(opacity=0);-webkit-transition:.2s ease-out;transition:.2s ease-out;background-size:0.3rem;display:none} .ind-banner:hover .swiper-button-prev,.ind-banner:hover .swiper-button-next{opacity:1;filter:Alpha(opacity=100)} .ind-banner .swiper-button-prev:hover,.ind-banner .swiper-button-next:hover{width:0.45rem;height:0.45rem} @media screen and (max-width:1024px){ .ind-banner{margin-top:70px} .bannershadow{ display:none!important;} } @media screen and (max-width:768px){ .ind-banner{margin-top:60px;} .ind-banner .swiper-slide .img{min-height:180px;height:56.25vw;} .ind-banner .swiper-slide img{width:100%;} } @media screen and (max-width:640px){ .ind-banner .swiper-slide .img{height:100vw;} } /*banner_mouse*/ /*.banner-mouse{display:block;position:absolute;bottom:2%;left:0;right:0;margin:0 auto;z-index:9;width:23px;height:40px;cursor:pointer;background:url(../images/banner_mouse_ico.png) no-repeat -23px 0px;-webkit-animation:nudgeMouse 1.6s linear infinite;animation:nudgeMouse 1.6s linear infinite} .banner-mouse:after,.banner-mouse:before{content:"";position:absolute} .banner-mouse:before{width:23px;height:40px;background:url(../images/banner_mouse_ico.png) no-repeat 0px 0px;-webkit-animation:colorSlide 1.6s linear infinite;animation:colorSlide 1.6s linear infinite;top:0;left:0} .banner-mouse:after{background-color:#ffffff;width:4px;height:4px;border-radius:100%;-webkit-animation:trackBallSlide 1.6s linear infinite;animation:trackBallSlide 1.6s linear infinite;top:0;right:0;bottom:0;left:0;margin:auto} @-webkit-keyframes colorSlide{0%{height:0;}90%{height:40px;}} @keyframes colorSlide{0%{height:0;}90%{height:40px;}} @-webkit-keyframes trackBallSlide{0%{opacity: 1;-webkit-transform: scale(1) translateY(-8px);transform: scale(1) translateY(-8px);}34%{opacity: 1;-webkit-transform: scale(0.9) translateY(4px);transform: scale(0.9) translateY(4px);}68%{opacity: 0;-webkit-transform: scale(0.4) translateY(16px);transform: scale(0.4) translateY(16px);}100%{opacity: 0;-webkit-transform: scale(0.4) translateY(-8px);transform: scale(0.4) translateY(-8px);}} @keyframes trackBallSlide{0%{opacity: 1;-webkit-transform: scale(1) translateY(-8px);transform: scale(1) translateY(-8px);}34%{opacity: 1;-webkit-transform: scale(0.9) translateY(4px);transform: scale(0.9) translateY(4px);}68%{opacity: 0;-webkit-transform: scale(0.4) translateY(16px);transform: scale(0.4) translateY(16px);}100%{opacity: 0;-webkit-transform: scale(0.4) translateY(-8px);transform: scale(0.4) translateY(-8px);}}*/ /*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} .ind-bannerTel .swiper-pagination-bullet{opacity:1!important;text-align:center;border:1px solid #fff;background:transparent;border-radius:50%;width:8px;height:8px;margin:0 4px!important} .ind-bannerTel .swiper-pagination-bullet-active{background:#fff}*/ /*banner*/ /*#banner{overflow:hidden; position:relative; background:#f1f1f1;} #masterslider { width:100%!important;height:auto!important;} #masterslider a{ display:block;} #masterslider img{max-width: none; width:100%!important; height:100%!important;} #masterslider .ms-slide{-webkit-transition: initial; -moz-transition: initial; -ms-transition: initial; -o-transition: initial; transition: initial;} #masterslider .ms-bullets{position:absolute; left:0; right:0; width:100%; margin:0 auto; font-size: 0; letter-spacing:0; z-index: 10; text-align: center;bottom:70px!important;} #masterslider .ms-bullets .ms-bullets-count{right:auto; left:0;} #masterslider .ms-bullets .ms-bullet{display:inline-block; font-size:0px; color:#fff; line-height:8px; font-family: "MONTSERRAT-REGULAR"; border-bottom: 2px solid #fff; width:8px; border:1px solid #fff; letter-spacing:normal;text-indent:0; border-radius:50%; text-align:center; margin:0 3px!important;} #masterslider .ms-bullets .ms-bullet-selected{color:#00793a; border-color:#fff; background:#fff;} #banner .ms-nav-prev,#banner .ms-nav-next{position:absolute; top:50%; margin-top:-26px; width:50px; height:52px; border:1px solid #fff; z-index: 250; cursor:pointer; transition:width .4s,left .4s,right .4s,border .4s,background .4s,opacity 1s,transform 1s !important; border-radius:5px; overflow:hidden;} #banner .ms-nav-prev{left:80px;} #banner .ms-nav-next{right:80px;} #banner .ms-nav-prev:after,#banner .ms-nav-next:after{content:" "; display:block; position:absolute; width:21px; height:18px; top:50%; margin-top: -9px; background:no-repeat center; background-size:10px;} #banner .ms-nav-prev:after{left:15px; background-image: url("../images/index-left.png");} #banner .ms-nav-next:after{right:15px; background-image: url("../images/index-right.png");} #banner .ms-nav-prev:hover,#banner .ms-nav-next:hover{width:86px;} #banner .ms-nav-prev:hover{left:44px;} #banner .ms-nav-next:hover{right:44px;} @media screen and (max-width:1680px){ #banner .ms-nav-prev{left:3%;} #banner .ms-nav-next{right:3%;} } @media screen and (max-width:1024px){ #banner{ display:none!important;} }*/ /*swiper-btndown*/ .swiper-btndown{position:absolute;top:90%;left:0;right:0;bottom:0; z-index:9;} .swiper-btndown .btndown{ display:inline-block;position:absolute;bottom:0px;left:50%;transform:translate(0,-20%);transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;cursor:pointer;animation: move1 3s infinite;} .swiper-btndown .btndown:hover{transform:translate(0,-10%)} .swiper-btndown .btndown .text{font-size:0.16rem;font-size:clamp(12px, 0.16rem, 24px);margin-bottom:0.25rem;color:#fff;display:none;} .swiper-btndown .btndown img{ width:0.48rem; display:inline-block;} @media screen and (max-width:1024px){ } @media screen and (max-width:768px){ .swiper-btndown{ display:none;} } @keyframes move1{0%{transform:translate(0,-20%)} 50%{transform:translate(0,-40%)} 100%{transform:translate(0,-20%)} } /*footer*/ .footer {position:relative;z-index:2;background: url("../images/bottombg.jpg") center bottom no-repeat #2e2e31;background-size:19.2rem;padding-bottom:0.85rem;} /*footer-nav*/ .footer .footer-nav{min-height:0.44rem;font-size:0.12rem;font-size:clamp(12px, 0.12rem, 24px);padding:0.85rem 0 0 0;width:100%;height:auto;} .footer .footer-nav .left{font-size:0.12rem;font-size:clamp(12px, 0.12rem, 24px);line-height:0.26rem;color:#5d6371;text-align:left;float:right;} .footer .footer-nav .left .ul2{height:auto;float:left;text-align:left; display:block;min-width:1.9rem;} .footer .footer-nav .left .ul2:last-child{min-width:0;} .footer .footer-nav .left .ul2 .ulB{padding-top:0.07rem;padding-bottom:0.24rem;vertical-align:top; display: block!important;} .footer .footer-nav .left .ul2 .ul2B{ padding-left:0.2rem;} .footer .footer-nav .left .ul2 .t2{display:block;line-height:0;padding:0;margin:0;} .footer .footer-nav .t1{font-size:12px;font-size:0.15rem;font-size:clamp(12px, 0.15rem, 24px);margin-bottom:0.1rem;color:#ffffff;text-transform:uppercase; } .footer .footer-nav .t1 a{display:inline-block;color:#ffffff;} .footer .footer-nav .t2{font-size:0.14rem;font-size:clamp(12px, 0.14rem, 24px);} .footer .footer-nav .t2 a{font-size:0.14rem;font-size:clamp(12px, 0.14rem, 24px);line-height:0.32rem;color:#909090; position:relative;display:inline-block;overflow:hidden;} .footer .footer-nav .t2 a:hover, .footer .footer-nav .t1 a:hover{color:#981d34} /*footer right*/ .footer .footer-nav .right{font-size:0.14rem;font-size:clamp(12px, 0.14rem, 24px);line-height:0.28rem;color:#909090;float:left;width:17.75%;} .footer .footer-nav .right h1{font-size:0.14rem;font-size:clamp(12px, 0.14rem, 24px);padding-bottom:0.1rem;line-height:normal;font-weight:normal;color:#fff;} .footer .footer-nav .right .tel{font-size:0.14rem;font-size:clamp(12px, 0.14rem, 24px);padding-bottom:0.2rem;line-height:0.28rem;color:#909090; font-family: 'Tunga',Arial, Helvetica, sans-serif; } .footer .footer-nav .right .tel h1{font-size:0.32rem;padding-bottom:0;line-height:normal;font-weight:normal;/*line-height:0.4rem;font-family: 'Tunga',Arial, Helvetica, sans-serif; font-weight:bold;*/color:#fff;display:inline-block;} .footer .bottom-wz{font-size:0.14rem;font-size:clamp(12px, 0.14rem, 24px);padding-top:0.6rem;padding-bottom:0.2rem;color:#fff;} /*bq*/ .footer .bq{width:100%;font-size:0.12rem;font-size:clamp(12px, 0.12rem, 24px);line-height:0.3rem;color:#757575;position:relative;text-align:center;} .footer .bq .w1600{padding-top:0.4rem;position:relative; border-top:1px solid #484849;} .footer .bq a{color:#757575} .footer .bq a:hover{color:#fff} .footer .bq .beian{width:40%;text-align:right;float:right} .footer .bq .bqname{width:40%;text-align:left;float:left} /*@media screen and (max-width: 1220px) { .footer .footer-logo{padding-top:70px;padding-bottom:70px;} .footer .footer-logo a img{ max-height:50px;} }*/ @media screen and (max-width: 1024px) { .footer .footer-logo{padding-top:50px;padding-bottom:50px;} .footer .footer-logo a img{ max-height:40px;} .footer .footer-nav .left{width:50%;} .footer .footer-nav .left .ul2{width:50%;} .footer .footer-nav .right{width:25%;} .footer .footer-nav .center{width:25%;} .footer {padding-bottom:50px;} .footer .bq{padding-top:50px;} } @media screen and (max-width: 992px) { .footer .footer-nav .right{font-size:14px;} .footer .footer-nav .right h1{font-size:20px;} } @media screen and (max-width:768px) { .footer{ padding-bottom:30px;} .footer .bq{ line-height:20px;padding-top:20px;} .footer .bq .bei{display: block;} .footer .footer-nav{padding:43px 0 0 0;} .footer .footer-nav .right{ float:none; width:100%;} .footer .footer-nav .left{ float:none; width:100%; text-align:left; margin-bottom:30px;} .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:center;} .footer .footer-nav .t1{margin-bottom:0;font-size:16px;} .footer .footer-nav .t1 a{background-position:right center; 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 .bq .beian{width:100%; text-align:center; float:none; } .footer .bq .bqname{width:100%; text-align:center; float:none;margin-bottom:10px;} .footer .footer-nav .right h1{font-size:18px;} .footer .footer-logo{padding-top:50px;padding-bottom:50px;} .footer .footer-logo a img{ max-height:40px;} .footer .footer-nav .left .ul2 .ul2B{ padding-left:0;} .detail-share{text-align:center;} } /*bottom-share*/ .bottom-share{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items:center;} .bottom-share span{display:block;color:#909090;margin-right:0.22rem;font-size:0.14rem;font-size:clamp(12px, 0.14rem, 24px);} .bottom-share a{display:block;position:relative;z-index:3;overflow:hidden;text-align:center;color:#fff;margin-right:3px;border-radius:50%;width:0.44rem;height:0.44rem;line-height:0.44rem;font-size:0.2rem;font-size:clamp(12px, 0.2rem, 24px);} .bottom-share a:hover{border-color:#981d34;} .bottom-share a.weix img{display:none;} .bottom-share a:before{content:"";width:100%;height:0;background:#981d34;position:absolute;left:0;bottom:0;z-index:-1;transition:0.45s;} .bottom-share a:hover:before,.online-shop a.active:before{height:100%;bottom:auto;top:0;} .bottom-share a:nth-of-type(1){font-size:0.18rem;font-size:clamp(12px, 0.18rem, 24px);} @media screen and (max-width:768px) { .bottom-share span{margin-right:22px;font-size:14px;} .bottom-share a {width:40px;height:40px;line-height:40px;font-size:20px;} .bottom-share a:last-child {margin-right: 0;} .bottom-share a:nth-of-type(1){font-size:18px;} } /*back-top*/ .common-bott{display:flex;z-index:20;position:fixed;right:0.4rem;bottom:0.52rem;} .common-bott .commontop{display:block;text-align:center;margin-left:0;border-radius:50%;color:#fff;background:rgba(0,0,0,0.2);cursor:pointer;transition:0.32s;width:0.44rem;height:0.44rem;line-height:0.44rem;font-size:0.14rem;font-size:clamp(12px, 0.14rem, 24px);} .common-bott .commontop:hover{background:rgba(0,0,0,0.4);line-height:0.4rem} @media screen and (max-width:1024px){ .common-bott{right:40px;bottom:52px;} .common-bott .commontop{width:44px;height:44px;line-height:44px;font-size:14px;} .common-bott .commontop:hover{line-height:40px} } @media screen and (max-width:641px) { .common-bott{right:10px} } /*back-top*/ .back-top{display:flex;align-items:center;margin-left:0px;cursor:pointer} .back-top:hover b{border-color:#e4e966;color:#333;line-height:50px} .back-top:hover b:before{height:100%;bottom:auto;top:0} .back-top span{display:block;color:#333333;font-size:14px;white-space:nowrap} .back-top b{display:block;position:relative;z-index:3;width:54px;height:54px;border:1px solid #999999;border-radius:50%;text-align:center;line-height:54px;color:#666666;font-size:18px;font-weight:normal;overflow:hidden;transition:0.3s} .back-top b:before{content:"";width:100%;height:0;background:#e4e966;position:absolute;left:0;bottom:0;transition:0.5s;z-index:-1} .back-top b:hover:before,.back-top b.active:before{height:100%;bottom:auto;top:0} .back-top b:hover{color:#333} /*****************************page start*****************************/ /*pbanner*/ .pbanner{position:relative;overflow:hidden; background:#ddd;} .product-hide{position:relative} .product-hide figure{display:block;line-height:1;overflow:hidden} .product-hide figure img{display:block;position:relative;width:100%;height:auto} /*slidetop*/ .slidetop.article-block{opacity:0;visibility:hidden;transform:translateY(0.3rem);transition:0.88s} .slidetop.articleShow{opacity:1;visibility:visible;transform:translateY(0px)} .slidetop.detay1.article-block{transition-delay:0.2s} .slidetop.detay2.article-block{transition-delay:0.4s} .slidetop.detay3.article-block{transition-delay:0.6s} .slidetop.detay4.article-block{transition-delay:0.8s} .slidetop.detay5.article-block{transition-delay:1s} .slidetop.detay6.article-block{transition-delay:1.2s} .slidetop.detay7.article-block{transition-delay:1.4s} .slidetop.detay8.article-block{transition-delay:1.6s} .slidetop.detay9.article-block{transition-delay:1.8s} /*sea-down*/ .sea-down{display:none;z-index:3;pointer-events:none;text-align:center;opacity:0;visibility:hidden;transition:0.5s;position:absolute;left:50%;margin-left:-0.29rem;bottom:0.3rem;} .sea-down.loaderMouse,.sea-down.defaul{opacity:1;visibility:visible} .sea-down.loaderMouse i{height:14vw} .sea-down.loaderMouse i:after{animation:none} .sea-down.defaul i{height:0.18rem} .sea-down.defaul i:after{animation:move2 3s 1s infinite} .sea-down i{display:block;margin:auto;position:relative;width:2px;height:0.18rem;transition:1s} .sea-down i:after{position:absolute;left:0;top:0;background:#fff;content:"";width:100%;height:100%;animation:move2 3s infinite;transform-origin:center top;} .sea-down i:before{content:"";border-radius:50%;background:#fff;position:absolute;left:-0.06rem;top:-0.15rem;width:0.15rem;height:0.15rem;} .sea-down span{display:block;color:#fff;line-height:1;font-size:0.14rem;font-size:clamp(12px, 0.14rem, 24px);margin-top:0.15rem;} @keyframes move2{0%{opacity:1;transform:scaleY(1)}50%{transform:scaleY(0.2);opacity:0.2}} /*series*/ .series{width:80%;text-align:center;z-index:6;position:absolute;left:0;right:0;margin:0 auto;/*margin-left:-40%;top:auto;bottom:1.78rem;*/bottom:45%;-moz-transform:translateY(50%);-webkit-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%);} .series-title{/*margin-bottom:0.38rem;*/} .series p{ display:block;color:#ffffff;font-family:'Tunga',Arial, Helvetica, sans-serif;font-size:1rem;line-height:1rem;} .series-title strong{ display:block;color:#ffffff;line-height: normal; font-weight:100;font-size:0.22rem;font-size:clamp(12px, 0.22rem, 24px);letter-spacing:0.12rem;} /*@media (max-width:1680px) { .series p{font-size:90px;line-height:90px;} .series-title strong{font-size:20px;} } @media (max-width:1520px) { .series p{font-size:85px;line-height:85px;} .series-title strong{font-size:18px;} } @media screen and (max-width:1220px){ .series p{font-size:80px;line-height:80px;} .series-title strong{font-size:17px;} } @media screen and (max-width:1150px){ .series p{font-size:70px;line-height:70px;} .series-title strong{font-size:16px;} } @media screen and (max-width:1220px){ .series{ bottom:1rem;} .series p{font-size:80px;line-height:80px;} .series-title strong{font-size:17px;} } @media screen and (max-width:1150px){ .series{ bottom:0.8rem;} .series p{font-size:70px;line-height:70px;} .series-title strong{font-size:16px;} }*/ @media screen and (max-width:1024px){ .pbanner{margin-top:70px;} .series{bottom:50%;} .series p{font-size:60px;line-height:60px;} .series-title strong{font-size:15px;letter-spacing:6px;} } @media screen and (max-width:992px){ .series p{font-size:50px;line-height:50px;} } @media screen and (max-width:768px){ .pbanner{margin-top:60px;} .series p{font-size:40px;line-height:40px;} } @media screen and (max-width:640px){ .pbanner .pc{ display:none;} .pbanner .sjimg{ padding:30% 0; background-size:cover; background-position:center center;} } /*pagebanner*/ .pagebanner{display:block;overflow:hidden;height:auto;background-position:center top;background-repeat:no-repeat;background-size:cover;color:#fff;padding:16.14583333333333% 0;position:relative;} .pagebanner .pagebanner-tt{position:absolute;left:0;right:0;top:57%;-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);text-align:center;margin:0 auto;z-index:2;} .pagebanner .pagebanner-tt .en{display:block;color:#ffffff;line-height:1rem;font-family:'Tunga',Arial,Helvetica,sans-serif;font-size:1rem;} .pagebanner .pagebanner-tt .cn{display:block;color:#ffffff;line-height:normal;font-weight:100;font-size:0.22rem;font-size:clamp(12px, 0.22rem, 24px);letter-spacing:0.12rem;} /*@media (max-width:1680px) { .pagebanner .pagebanner-tt .en{font-size:90px;line-height:90px;} .pagebanner .pagebanner-tt .cn{font-size:20px;} } @media (max-width:1520px) { .pagebanner .pagebanner-tt .en{font-size:80px;line-height:80px;} .pagebanner .pagebanner-tt .cn{font-size:18px;} } @media screen and (max-width:1220px){ .pagebanner .pagebanner-tt .en{font-size:70px;line-height:70px;} .pagebanner .pagebanner-tt .cn{font-size:17px;} }*/ @media screen and (max-width:1150px){ .pagebanner .pagebanner-tt .en{font-size:60px;line-height:60px;} .pagebanner .pagebanner-tt .cn{font-size:16px;} } @media screen and (max-width:1024px){ .pagebanner{height:130px;background-attachment:inherit;} .pagebanner .pagebanner-tt .en{font-size:50px;line-height:50px;} .pagebanner .pagebanner-tt .cn{font-size:15px;} } @media screen and (max-width:992px){ .pagebanner{height:120px;} .pagebanner .pagebanner-tt .en{font-size:40px;line-height:40px;} } @media screen and (max-width:768px){ .pagebanner{height:80px;} .pagebanner .pagebanner-tt .en{font-size:30px;line-height:30px;} } @media screen and (max-width:640px){ .pagebanner{height:15.625vw;} } /*********************************page*********************************/ .page{position:relative;overflow:hidden;background:#ffffff;color:#002d4b;font-size:0.16rem;font-size:clamp(12px, 0.16rem, 24px);line-height:0.32rem;min-height:3rem;} .pageInfo{padding:0.5rem 0;padding-top:1rem;} .page img{max-width:100%;height:auto;} .page hr{border:none;border-top:1px solid #e7e7e7;} @media screen and (max-width:1024px) { .pageInfo{padding:50px 0;padding-top:70px;} } @media screen and (max-width:768px) { .page{font-size:14px;line-height:26px;} .pageInfo{padding:50px 0 30px 0;} } /*pageTop*/ .pageTop{padding-top:0.4rem;} .pageNav{font-size:0;line-height:0;text-align:center;} .pageNav ul{font-size:0;line-height:0;text-align:center;display:inline-block;} .pageNav li{display:inline-block;*display:inline;zoom:1;vertical-align:top;width:auto;font-size:12px;font-size:0.15rem;font-size:clamp(12px, 0.15rem, 24px);line-height:0.43rem;margin-right:0.08rem;} .pageNav li a{display:block;color:#002d4b;text-align:center;border:1px solid #d8d8d8;border-radius:0.45rem;} .pageNav li a span{display:inline-block;position:relative;z-index:2;padding:0 0.345rem;} .pageNav li.on a,.pageNav li a:hover{color:#fff;background-color:#981d34;border-color:#981d34;} @media screen and (max-width:1024px){ .pageNav li a span{padding:0 20px;} } @media screen and (max-width:768px){ .pageNav{margin-bottom:10px;} .pageNav ul{justify-content:flex-start;} .pageNav li{font-size:12px;line-height:30px; margin-bottom:5px;margin-right:5px;} .pageNav li a span{padding:0 8px;} } /*.pageTop2*/ .pageTop2{border-bottom:1px solid #f1f1f1;border-top:1px solid #f1f1f1;padding-top:0.15rem;padding-bottom:0.075rem} .pageTop2 .pageNav li{background:url(../images/pro-line.png) no-repeat left center;margin-bottom:0.075rem;margin-right:0.08rem;padding-left:0.17rem;} .pageTop2 .pageNav li:nth-child(1){background-image:none} .pageTop2 .pageNav li a{color:#002d4b;border:1px solid #fff} .pageTop2 .pageNav li.on a,.pageTop2 .pageNav li a:hover{color:#fff;background-color:#981d34;border-color:#981d34} @media screen and (max-width:768px){ .pageTop2 .pageNav{margin-bottom:0;} } /*container*/ .container{margin:0 auto;width:72.91666666666667%} @media (max-width: 1580px) { .container {width: 84%;} } @media screen and (max-width: 1024px) { .container {width: 84%;} } @media screen and (max-width: 751px) { .container {width: 90%;} } /*pageTit*/ .pageTit{padding-top:0.5rem;margin-bottom:0.7rem;font-size:0.5rem;line-height:0.32rem;color:#002d4b;text-align:center;font-weight:normal;position:relative;} .pageTit .cn{display:inline-block;font-weight:normal;text-transform:uppercase;position:absolute;left:0;right:0;bottom:-0.15rem;} .pageTit .cn span{background:url(../images/tit-b.png) no-repeat left center;background-size:0.3rem;padding:0 0.43rem;} .pageTit .en{padding:0.12rem 0;font-size:1.5rem;letter-spacing:-4px;text-transform:uppercase;color:#fff;font-weight:bold;font-family:'Tunga Bold',Arial,Helvetica,sans-serif;text-shadow:#e8ebef 1px 0 0,#e8ebef 0 1px 0,#e8ebef -1px 0 0,#e8ebef 0 -1px 0;-webkit-text-shadow:#e8ebef 1px 0 0,#e8ebef 0 1px 0,#e8ebef -1px 0 0,#e8ebef 0 -1px 0;-moz-text-shadow:#e8ebef 1px 0 0,#e8ebef 0 1px 0,#e8ebef -1px 0 0,#e8ebef 0 -1px 0;*filter:Glow(color=#e8ebef,strength=1);} .pageTit .en{position:relative;display:inline-block;} .pageTit .en.en2{display:inline-block;width:100%;height:100%;color:#981d34;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s;position:absolute;left:0;right:0;top:0.12rem;} .pageTit.animated .en .en2{font-size:0;} .pageTit .fbt{padding-top:0.5rem;font-size:0.4rem;} /*@media screen and (max-width:1680px){ .pageTit{font-size:45px;margin-bottom:70px;padding-top:30px;} .pageTit .en{font-size:140px;} } @media screen and (max-width:1520px){ .pageTit{font-size:40px;margin-bottom:50px;padding-top:20px;} .pageTit .en{font-size:130px;} } @media screen and (max-width:1220px){ .pageTit{font-size:35px;margin-bottom:50px;padding-top:20px;} .pageTit .en{font-size:120px;} }*/ @media screen and (max-width:1024px){ .pageTit{font-size:30px;margin-bottom:30px;padding-top:0px;} .pageTit .en{font-size:100px;padding:0px 0;} .pageTit .fbt{ padding-top:50px;font-size:22px;} } @media screen and (max-width:768px){ .pageTit{font-size:26px;} .pageTit .cn span{padding:0 30px;background-size:20px;} .pageTit .en{font-size:70px;} .pageTit .fbt{ padding-top:0px; font-size:20px;} } /*page about pageT*/ .pageT{font-size:clamp(16px, 0.24rem, 24px);line-height:0.34rem;color:#002d4b;margin:0 auto;text-align:center;} .pageT .td2{width:4.5rem;} .pageT .td1,.pageT .td3{width:0.6rem;font-size:0.5rem;line-height:0.1rem;vertical-align:top;} .pageT .td3{text-align:right;} .pageT .td1 img,.pageT .td3 img{width:0.17rem;} @media screen and (max-width:1024px){ .pageT{font-size:20px;line-height:30px;} .pageT .td1 img,.pageT .td3 img{width:15px;} } @media screen and (max-width:768px){ .pageT{font-size:18px;line-height:26px;} } /*w840 w1020 w1280*/ .pageInfo .w840{max-width:8.4rem!important;} .pageInfo .w1020{max-width:10.20rem!important;} .pageInfo .w1220{max-width:12.2rem!important;} .pageInfo .w1280{max-width:12.8rem!important;} .pageInfo .pt90{position:relative!important;top:-0.9rem!important;} .pageInfo .f20{font-size:0.2rem!important;line-height:0.24rem!important;} @media screen and (max-width:1024px){ .pageInfo .f20{font-size:20px!important;line-height:1.1!important;} } /*pageCaselink*/ .pageCaselink{margin-bottom:1.55rem} .pageCaselink ul{font-size:0;line-height:0;text-align:center;margin:0 auto;max-width:13rem;margin-top:0.6rem;} .pageCaselink li{display:inline-block;*display:inline;zoom:1;vertical-align:top;width:25%;text-align:center;font-size:12px;font-size:0.15rem;font-size:clamp(12px, 0.15rem, 24px);} .pageCaselink li a{display:inline-block;color:#ffffff;text-align:center;border-radius:50%;overflow:hidden;margin:0 auto;background-size:100%;background-color:#e8ebf0;background-repeat:no-repeat;width:2rem;height:2rem;padding-top:0.6rem;} .pageCaselink li a img{width:0.52rem;margin-bottom:0.15rem;} .pageCaselink li a:hover{-webkit-transform:translateY(-0.1rem);-moz-transform:translateY(-0.1rem);-o-transform:translateY(-0.1rem);-ms-transform:translateY(-0.1rem);transform:translateY(-0.1rem);box-shadow:0.05rem 0px 0.21rem rgba(155,38,56,0.50);} /*@media screen and (max-width:1520px){ .pageCaselink{margin-bottom:135px;} } @media screen and (max-width:1220px){ .pageCaselink{margin-bottom:105px;} }*/ @media screen and (max-width:1024px){ .pageCaselink{margin-bottom:95px;} } @media screen and (max-width:900px){ .pageCaselink li a{max-width:150px;width:150px; height:150px; padding-top:30px;} .pageCaselink li a img{width:48px; margin-bottom:15px;} } @media screen and (max-width:751px){ .pageCaselink{margin-bottom:55px;} .pageCaselink li a{max-width:130px;width:130px; height:130px; padding-top:20px;} .pageCaselink li a img{width:48px; margin-bottom:15px;} .pageCaselink li{font-size:14px;} } @media screen and (max-width:640px){ .pageCaselink li a{max-width:20.3125vw;width:20.3125vw; height:20.3125vw; padding-top:3.125vw;} .pageCaselink li a img{width:7.5vw; margin-bottom:2.34375vw;} .pageCaselink li{font-size:12px;} } /*pageAd*/ .pageAd{padding:16.14583333333333% 0;overflow:hidden;position:relative;background-repeat:no-repeat;background-attachment:fixed;background-size:cover} .pageAd video{position:absolute;left:0;right:0;top:50%;margin:0 auto;-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);text-align:center;width:100%;object-fit:cover} .pageAd .wz{position:absolute;left:0;right:0;top:50%;margin:0 auto;-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);color:#fff;max-width:6.8rem;width:90%;text-align:center} .pageAd .wz p{font-size:0.26rem;line-height:0.46rem;} /*@media screen and (max-width:1220px){ .pageAd .wz p{ font-size:24px; line-height:40px;} }*/ @media screen and (max-width:1024px){ .pageAd{ background-attachment:inherit;padding:0% 0; } .pageAd .wz{padding:20% 0; position:relative; top:0;-moz-transform: translateY(0);-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0); max-width:100%; } .pageAd .wz p{ font-size:20px; line-height:30px;} } @media screen and (max-width:768px){ .pageAd .wz p{ font-size:18px; line-height:30px;} } @media screen and (max-width:761px){ .pageAd .wz p{ font-size:16px; line-height:26px;} } /*solutionAd*/ .solutionAd{padding:16.14583333333333% 0;overflow:hidden;position:relative;background-repeat:no-repeat;background-attachment:fixed;background-size:cover;} .solutionAd video{position:absolute;left:0;right:0;top:50%;margin:0 auto;-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);text-align:center;width:100%;object-fit:cover;} .solutionAd .wz{position:absolute;left:0;right:0;top:50%;margin:0 auto;-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);color:#fff;max-width:12rem;width:90%;text-align:center;} .solutionAd .wz p{font-size:0.2rem;font-size:clamp(12px, 0.2rem, 24px);line-height:0.46rem;} @media screen and (max-width:1024px){ .solutionAd{ background-attachment:inherit;padding:0% 0; } .solutionAd .wz{padding:20% 0; position:relative; top:0;-moz-transform: translateY(0);-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0); max-width:100%; } .solutionAd .wz p{ font-size:18px; line-height:36px;} } @media screen and (max-width:768px){ .solutionAd .wz p{ font-size:16px; line-height:30px;} } @media screen and (max-width:751px){ .solutionAd .wz p{ font-size:14px; line-height:26px;} } /*solutionTable*/ .solutionTable{margin:0 auto;max-width:12.28rem;} .solutionTable td{width:50%;vertical-align:top;padding:0 0.1rem;} .solutionTable td img{display:inline-block;margin-bottom:0.15rem;} .solutionTable td h1{position:relative;overflow:hidden;color:#002d4b;font-family:'思源黑体 CN','SourceHanSansCN-Regular',-apple-system,BlinkMacSystemFont,"PingFang SC",PingHei,STHeitiSC-Light,"Myriad Set Pro","Lucida Grande","Helvetica Neue",Helvetica,"microsoft yahei",SimHei,tahoma,Arial,"PingFangSC-Regular",Verdana,sans-serif;font-weight:300;font-size:0.2rem;font-size:clamp(12px, 0.2rem, 24px);} .solutionTable td h1:after{content:'';width:90%;left:0;top:50%;height:1px;background:#d8d8d8;position:absolute;} .solutionTable td h1 span{display:inline-block;position:relative;z-index:2;background:url(../images/tit-b.png) no-repeat left center #fff;background-size:0.22rem;padding-left:0.3rem;padding-right:0.2rem;} @media screen and (max-width:1220px){ .solutionTable td h1{font-size:18px;} .solutionTable td h1 span{padding-left:28px;background-size:20px; } } @media screen and (max-width:1024px){ .solutionTable td h1{font-size:16px;} .solutionTable td h1 span{padding-left:25px;background-size:18px; } } @media screen and (max-width:992px){ .solutionTable td h1{font-size:15px;} .solutionTable td h1 span{padding-left:24px;background-size:16px; } } @media screen and (max-width:768px){ .solutionTable{ max-width:595px;} .solutionTable td h1{font-size:14px;} .solutionTable td{ width:100%!important; padding:3%; display:block!important; padding-top:30px;} } @media screen and (max-width:640px){ .solutionTable td h1{font-size:14px;} } /*pageSolutionTisheng*/ .pageSolutionTisheng{ padding-top:0.7rem;} @media screen and (max-width:992px){ .pageSolutionTisheng{ padding-top:90px;} } @media screen and (max-width:751px){ .pageSolutionTisheng{ padding-top:50px;} } @media screen and (max-width:640px){ .pageSolutionTisheng{ padding-top:30px;} } /*pageYJ*/ .pageYJ{padding-top:1.3rem;} .pageYJ ul{font-size:0;height:auto;margin:0 auto;max-width:13.33rem;padding-top:0.5rem;} .pageYJ ul li{list-style:none;width:33.3333333%;display:inline-block;*display:inline;zoom:1;vertical-align:top;} .pageYJ ul li .item{display:block;position:relative;background:#e8ebef;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;min-height:5.2rem;margin:0 0.1rem;border-top-left-radius:0.5rem;border-bottom-right-radius:0.5rem;margin-bottom:0.6rem;} .pageYJ ul li .ImgBox{display:block;height:auto;position:absolute;bottom:0.5rem;left:0.5rem;width:0.6rem;} .pageYJ ul li .ImgBox img{max-width:100%;max-height:100%;width:100%;} .pageYJ ul li .tit{padding:0.3rem 0.2rem;padding-top:0.8rem;padding-right:0.5rem;} .pageYJ ul li .tit .wz .cn{color:#002d4b;font-weight:500;display:block;text-align:right;font-size:0.2rem;font-size:clamp(12px, 0.2rem, 24px);margin-bottom:0.5rem;} .pageYJ ul li .tit .wz .en{position:relative;display:block;font-family:'Tunga',Arial,Helvetica,sans-serif;font-weight:bold;color:#c2c5c9;text-transform:uppercase;text-align:right;font-size:0.4rem;line-height:0.3rem;} .pageYJ ul li.on .item{background:#981d34;} .pageYJ ul li.on .item .tit .wz .cn,.pageYJ ul li.on .item .tit .wz .en{color:#fff;} /*@media screen and (max-width:1220px) { .pageYJ { padding-top:90px;} .pageYJ ul{width:100%;height:auto; overflow:hidden; } .pageYJ ul li a{width:100%;height:auto;} .pageYJ ul li .ImgBox{bottom:20px; left:20px;margin-bottom:0px;} .pageYJ ul li .tit .wz .en{font-size:32px;line-height:26px;} .pageYJ ul li .item{ min-height:420px;} }*/ @media screen and (max-width:1024px) { .pageYJ { padding-top:70px;} .pageYJ ul{width:100%;height:auto; overflow:hidden;padding-top:30px;} .pageYJ ul li{width:33.3333333%;} .pageYJ ul li a{width:100%;height:auto;} .pageYJ ul li .tit .wz .en{font-size:30px;line-height:24px;} .pageYJ ul li .tit .wz .cn{ font-size:18px;margin-bottom:50px; line-height:normal;} .pageYJ ul li .item{ min-height:320px;} .pageYJ ul li .ImgBox{bottom:20px; left:20px;margin-bottom:0px;} } @media screen and (max-width:992px) { .pageYJ ul li .ImgBox{ width:40px;} .pageYJ ul li .tit .wz .en{font-size:28px;line-height:24px;} .pageYJ ul li .tit .wz .cn{ font-size:16px;margin-bottom:50px; line-height:normal;} .pageYJ ul li .ImgBox{bottom:20px; left:20px;margin-bottom:0px;} } @media screen and (max-width:768px) { .pageYJ { padding-top:50px;} .pageYJ ul li{width:100%;font-size: 20px;} .pageYJ ul li .item{border-top-left-radius:30px;border-bottom-right-radius:30px; min-height:100px;margin-bottom:30px;} .pageYJ ul li .tit{padding:30px 20px; padding-top:80px; padding-right:50px;padding-bottom:100px;} .pageYJ ul li .tit .wz .en{font-size:30px;line-height:24px;} .pageYJ ul li .tit .wz .cn{ font-size:18px;margin-bottom:50px; line-height:normal;} .pageYJ ul li .item{ margin:0 5px;margin-bottom:10px; max-height:480px; overflow:hidden;} .pageYJ ul li .ImgBox{bottom:30px; left:30px;margin-bottom:0px;} } /*qalist*/ .qalist{padding-top:0.35rem;} .qalist li{background:#fff;position:relative;padding:0 0.5rem;margin-bottom:0.17rem;} .qalist li .title{overflow:hidden;zoom:1;cursor:pointer;background-color:#f8f8f8;padding:0.25rem 0 0.25rem 0.5rem;} .qalist li .title span{display:block;color:#002d4b;overflow:hidden;/*white-space:nowrap;*/text-overflow:ellipsis;font-size:0.26rem;line-height:0.3rem;} .qalist li .title .close{display:block;overflow:hidden;position:absolute;top:0;right:0.4rem;width:1.2rem;height:0.8rem;} .qalist li .title .close span{display:block;overflow:hidden;width:100%;height:100%;text-indent:-99.99rem;background:url(../images/page-qa-j.png) center center no-repeat;transition:all 0.2s ease;position:absolute;top:0;right:0.4rem;background-size:0.26rem;} .qalist li .title.on .close span{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg); background-image:url(../images/page-qa-c.png);} .qalist li .tmain{display:none;border-top:2px solid #ededed;background-color:#f8f8f8;color:#333333;padding:0.26rem 0.5rem 0.26rem 0.5rem;font-size:0.16rem;font-size:clamp(12px, 0.16rem, 24px);line-height:0.34rem;} /*/@media screen and (max-width:1530px){ .qalist li .tmain{font-size:14px; line-height:24px;} } @media screen and (max-width:1220px){ .qalist li{padding:0 30px;} }*/ @media screen and (max-width:1024px){ .qalist li{padding:0 20px} .qalist li .title{padding:15px 0 15px 30px;} .qalist li .title span{font-size:18px;line-height:30px;padding-right:40px;} .qalist li .title .close{width:60px;height:60px;right:20px;background-size:22px;} .qalist li .title .close span{background-size:22px;right:0;} .qalist li .tmain{padding:26px 30px 26px 30px;font-size:14px;line-height:24px;} } @media screen and (max-width:768px){ .qalist{margin:0 0px 30px 0px} .qalist li{padding:0 15px} .qalist li .title{padding:10px 0 10px 20px} .qalist li .title span{font-size:16px;line-height:26px;} .qalist li .title .close{width:46px;height:46px;right:15px;background-size:15px;} .qalist li .title .close span{background-size:15px;right:0;} .qalist li .tmain{padding:26px 20px 26px 20px} } /*pageProlist*/ .pageProlist{background:#fff;overflow:hidden;padding-top:0.5rem;padding-bottom:0.6rem;} .pageProlist ul.ul{overflow:hidden;display:block;font-size:0;line-height:0;margin:0 -0.1rem;padding-top:0.5rem;} .pageProlist ul.ul li{width:33.333333%;display:inline-block;*display:inline;zoom:1;vertical-align:top;margin-bottom:0.2rem;} .pageProlist ul.ul li a{display:block;background:#fff;position:relative;overflow:hidden;margin:0 0.1rem;padding:0 0.3rem;} .pageProlist ul.ul li p{font-size:0.14rem;font-size:clamp(12px, 0.14rem, 24px);line-height:0.37rem;color:#666;} .pageProlist ul.ul li a .pic{overflow:hidden;padding:0.5rem 0.2rem;} .pageProlist ul.ul li a .pic:before,.pageProlist ul.ul li a .pic:after{-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;} .pageProlist ul.ul li a .pic:before{content:'';color:#fff;display:block;width:100%;height:100%;text-align:center;box-sizing:content-box;z-index:2;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-position:center;background-repeat:no-repeat;} .pageProlist ul.ul li a .pic:after{content:'';color:#fff;display:block;text-align:center;box-sizing:content-box;border-radius:50%;z-index:2;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("../images/more.png");background-position:center;background-repeat:no-repeat;background-size:0.45rem;width:0.45rem;height:0.45rem;line-height:0.45rem;} .pageProlist ul.ul li a:hover .pic:before{opacity:1;filter:alpha(opacity=100);background:rgba(0,0,0,0.5);} .pageProlist ul.ul li a:hover .pic:after{opacity:.9;filter:alpha(opacity=90);-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none} .pageProlist ul.ul li a img{width:100%;display:block;-webkit-transition:-webkit-transform 0.5s ease 0s;-moz-transition:-moz-transform 0.5s ease 0s;-o-transition:-o-transform 0.5s ease 0s;transition:transform 0.5s ease 0s;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);} .pageProlist ul.ul li a:hover img{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1);} .pageProlist ul.ul li a,.pageProlist ul.ul .text:after,.pageProlist ul.ul .text h3,.pageProlist ul.ul .text h2,.pageProlist ul.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;} .pageProlist ul.ul .text{padding:0.3rem 0;border-top:1px solid #e4e4e4;} .pageProlist ul.ul .text h3{font-size:12px;font-size:0.15rem;font-size:clamp(12px, 0.15rem, 24px);height:0.26rem;line-height:0.26rem;font-weight:normal;color:#333;overflow:hidden;} .pageProlist ul.ul .text h2{font-size:12px;font-size:0.15rem;font-size:clamp(12px, 0.15rem, 24px);height:0;line-height:0;font-weight:normal;color:#ff7300;overflow:hidden;} .pageProlist ul.ul .text span{height:0.26rem;line-height:0.26rem;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;} .pageProlist ul.ul .text h3 span{text-align:left;background-image:url("../images/more2.png");background-position:center right;background-repeat:no-repeat;background-size:0.26rem;padding-left:0.12rem;padding-right:0.26rem;} .pageProlist ul.ul li a:hover h3{color:#981d34} .pageProlist ul.ul li a .imgB{display:block;position:relative;width:100%;padding:50% 0} .pageProlist ul.ul li a .imgB img{position:absolute;left:0;top:0;height:100%;object-fit:contain} .pageProlist ul.ul li a .pic .rectborder{background:#000;position:absolute;left:0;right:0;bottom:0;filter:alpha(opacity=3);-moz-opacity:0.03;-khtml-opacity:0.03;opacity:0.03;width:100%;height:100%} @media screen and (max-width: 992px) { .pageProlist ul.ul li{margin-bottom:20px;} .pageProlist ul.ul li a .pic{padding:30px 0;} } @media screen and (max-width: 768px) { .pageProlist ul.ul{margin:0 -7.5px;} .pageProlist ul.ul li a{margin:0 7.5px;} .pageProlist ul.ul li {width:50%;margin-bottom:15px;} } @media screen and (max-width: 550px) { .pageProlist ul.ul{margin:0 0;} .pageProlist ul.ul li {width:100%;display:block;margin-bottom:20px;} .pageProlist ul.ul li a{margin:0 10px;} } /*pagecaseList*/ .pagecaseList li{background:#fff;padding:1.3rem 0;} .pagecaseList li:nth-child(2n){background:#F1F1F1;} .pagecaseList li:nth-child(2n) .nei{flex-direction:row-reverse;} .pagecaseList .nei{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:space-between;align-items:center;} .pagecaseList .img-box{width:50%;overflow:hidden;text-align:center;position:relative;height:100%;} .pagecaseList .img-box video{width:80%;height:100%;object-fit:cover;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;transition:all .5s ease-in-out;} .pagecaseList .img-box .img{width:80%;height:auto;padding-bottom:64.74820143884892%;object-fit:cover;overflow:hidden;position:relative;left:0;top:0;right:0;bottom:0;margin:0 auto;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;transition:all .5s ease-in-out;} .pagecaseList .img-box .img img{max-width:none;position:absolute;left:0;right:0;top:50%;margin:0 auto;-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);text-align:center;height:100%;width:100%;object-fit:cover;} .pagecaseList .text-box{width:46%;} .pagecaseList .title{font-size:0.46rem;padding-bottom:0.25rem;margin-bottom:0.25rem;font-weight:400;color:#002d4b;line-height:normal;position:relative;} .pagecaseList .title::after{width:0.5rem;height:1px;content:'';position:absolute;left:0;bottom:0;background:#981d34;} .pagecaseList .desc{font-size:0.16rem;font-size:clamp(12px, 0.16rem, 24px);line-height:0.3rem;color:#002d4b;} /*@media screen and (max-width:1680px){ .pagecaseList .title{font-size:40px;} } @media screen and (max-width:1300px){ .pagecaseList .title{font-size:35px;} }*/ @media screen and (max-width:1024px){ .pagecaseList li{padding:100px 0;} .pagecaseList .title{font-size:30px;} } @media screen and (max-width:768px){ .pagecaseList .title{font-size:26px;padding-bottom:25px;margin-bottom:15px;} .pagecaseList li{padding:70px 0} .pagecaseList .desc{line-height:26px;font-size:14px;} } @media (max-width:751px){ .pagecaseList .nei{display: block;} .pagecaseList .img-box{width:100%;height:50%; margin-bottom:20px;} .pagecaseList .text-box{width:100%} .pagecaseList .img-box .img{width:100%!important;} .pagecaseList .img-box img{height:auto;} .pagecaseList li{padding:50px 0} .pagecaseList .title{font-size:24px;} } @media screen and (max-width:640px){ .pagecaseList li{padding:50px 0} .pagecaseList .title{font-size:20px;} } /*pageSolutionlink*/ .pageSolutionlink{padding-bottom:1.55rem;} .pageSolutionlink ul{font-size:0;line-height:0;text-align:center;margin:0 auto;max-width:13rem;margin-top:0.6rem;} .pageSolutionlink li{display:inline-block;*display:inline;zoom:1;vertical-align:top;width:25%;text-align:center;position:relative;font-size:12px;font-size:0.15rem;font-size:clamp(12px, 0.15rem, 24px);} .pageSolutionlink li a{position:relative;display:inline-block;color:#383f61;text-align:center;border-radius:50%;overflow:hidden;margin:0 auto;background-size:100%;background-color:#e8ebf0;background-repeat:no-repeat;max-width:2rem;width:2rem;height:2rem;padding-top:0.6rem;} .pageSolutionlink li a img{width:0.52rem;margin-bottom:0.25rem;position:relative;} .pageSolutionlink li a p{position:relative;} .pageSolutionlink li a:before{position:absolute;left:0;top:0;z-index:0;content:"";width:100%;height:100%;border-radius:50%;background:#e4c2c9;opacity:0;visibility:hidden;transform:rotateY(0);transition:0.5s;} .pageSolutionlink li a:hover:before{opacity:1;visibility:visible;transform:rotateY(-180deg);} @media screen and (max-width:992px){ .pageSolutionlink ul{margin-top:30px;} .pageSolutionlink{ padding-bottom:50px;} .pageSolutionlink li a{max-width:150px;width:150px; height:150px; padding-top:30px; margin:0 10px;} .pageSolutionlink li a img{width:48px; margin-bottom:15px;} } @media screen and (max-width:751px){ .pageSolutionlink{ padding-bottom:30px;} .pageSolutionlink li a{max-width:130px;width:130px; height:130px; padding-top:20px; margin:0 10px;} .pageSolutionlink li a img{width:48px; margin-bottom:15px;} .pageSolutionlink li{font-size:14px;} } @media screen and (max-width:640px){ .pageSolutionlink li a{max-width:22vw;width:22vw;height:22vw;padding-top:5vw;line-height: normal;margin:0 10px;} .pageSolutionlink li a img{width:7.5vw; margin-bottom:0vw;} .pageSolutionlink li{font-size:1.98vw;} } @media screen and (max-width:430px){ .pageSolutionlink li a{max-width:23vw;width:21.5vw;height:21.5vw;padding-top:5vw;line-height: normal;margin:0 1vw;} .pageSolutionlink li{font-size:2.4vw;} } /*pageSolutionlink3*/ .pageSolutionlink3{padding-bottom:0;} .pageSolutionlink3 ul{ font-size:0; line-height:0;text-align:center; max-width:15.44rem; width:94%; margin:0 auto; margin-top:0.6rem;} .pageSolutionlink3 li{display:inline-block;*display:inline;zoom:1;vertical-align:top; width:25%; text-align:center;margin-top:0.24rem;} .pageSolutionlink3 li a{display:block;text-align:center; border:1px solid #e1e1e1; margin:0 0.13rem; border-radius:0.05rem; overflow:hidden;color:#002d4b;-moz-transition: all .3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;transition: all .3s ease-in-out;} .pageSolutionlink3 li a{padding:0.8rem 0; overflow:hidden; position:relative;} .pageSolutionlink3 li a p{display:block;position:absolute; left:0;right:0; top:50%; margin:0 auto;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); color:#fff; max-width:6.8rem; width:94%; text-align:center;} .pageSolutionlink3 li a p{ font-size:0.18rem;font-size:clamp(12px, 0.18rem, 24px); line-height:0.3rem;color:#002d4b; } .pageSolutionlink3 li a:hover{ background:#981d34; color:#fff;} .pageSolutionlink3 li a:hover p{color:#fff;} /*@media screen and (max-width:1300px){ .pageSolutionlink3 li a p{ font-size:17px; line-height:28px;} } @media screen and (max-width:1220px){ .pageSolutionlink3 li a p{ font-size:16px; line-height:26px;} }*/ @media screen and (max-width:1024px){ .pageSolutionlink3 li{margin-top:10px;} .pageSolutionlink3 li a{margin:0 5px;} .pageSolutionlink3 li a p{ font-size:16px; line-height:24px; padding:0 5px;} } @media screen and (max-width:992px){ .pageSolutionlink3 li{width:50%;} } @media screen and (max-width:751px){ .pageSolutionlink3 li a p{ font-size:14px; line-height:24px; padding:0 5px;} } /*tipslist*/ .tipslist ul{margin:0 auto;max-width:8rem;} .tipslist li{background:#fff;position:relative;border-bottom:1px solid #f1f1f1;margin-bottom:0.17rem;} .tipslist li a{display:block;padding:0.3rem 0;} .tipslist li .title{overflow:hidden;zoom:1;cursor:pointer;padding-bottom:0.3rem;} .tipslist li .title span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#002d4b;background:url(../images/tip-t.png) left center no-repeat;background-size:0.25rem;font-size:0.3rem;line-height:0.3rem;padding-left:0.4rem;} .tipslist li .tmain{background:#fff;color:#333333;font-size:0.16rem;font-size:clamp(12px, 0.16rem, 24px);line-height:0.28rem;padding:0 0 0 0.4rem;} .tipslist li a:hover .title span{color:#981d34;} /*@media screen and (max-width:1530px){ .tipslist li .tmain{font-size:14px; line-height:24px;} } @media screen and (max-width:1220px){ .tipslist li{padding:0 30px;} }*/ @media screen and (max-width:1024px){ .tipslist{margin:0 0px 30px 0px;} .tipslist li{padding:0 20px;margin-bottom:0px;} .tipslist li a{padding:25px 0;} .tipslist li .title{padding:15px 0 15px 0;} .tipslist li .title span{font-size:18px;line-height:30px;background-size:20px;padding-left:30px;} .tipslist li .tmain{font-size:14px;line-height:26px;padding-left:30px;} } @media screen and (max-width:768px){ .tipslist{margin:0 0px 30px 0px;} .tipslist li{padding:0 15px;margin-bottom:0px;} .tipslist li a{padding:20px 0;} .tipslist li .title{padding:10px 0 10px 0;} .tipslist li .title span{font-size:16px;line-height:26px;background-size:20px;padding-left:30px;} .tipslist li .tmain{font-size:14px;line-height:24px;padding-left:30px;} } /*page-tab*/ .page-tab{margin:0 auto;text-align:center;padding:0.33rem 0 0.33rem 0;} .page-tab ul{font-size:0;margin:0 auto;padding:0;list-style:none;text-align:center;height:0.44rem;line-height:0.44rem;} .page-tab ul li{margin:0;padding:0;display:inline-block;position:relative;height:0.44rem;line-height:0.44rem;} .page-tab ul li a{font-size:0.12rem;font-size:clamp(12px, 0.12rem, 24px);padding:0 0.18rem;margin:0 0.04rem;height:0.42rem;line-height:0.42rem;text-align:center;color:#1e2831;border:1px solid #d2d2d2;background:#ffffff;display:inline-block;} .page-tab ul li a:hover,.page-tab ul li a.focus{background:#981d34;color:#fff;border-color:#981d34;} .page-tab ul li.next-page a,.page-tab ul li.prev-page a{padding:0 0.36rem;} @media screen and (max-width:1024px){ .page-tab{padding:30px 0 30px 0;} .page-tab ul{height:44px;line-height:44px;} .page-tab ul li{height:44px;line-height:44px;} .page-tab ul li a{font-size:12px;padding:0 18px;margin:0 4px;height:42px;line-height:42px;} .page-tab ul li.next-page a,.page-tab ul li.prev-page a{padding:0 36px;} } @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-back*/ .page-back{margin:0 auto;text-align:center;padding:0.5rem 0;} .page-back a{width:1.6rem;font-size:0.16rem;font-size:clamp(12px, 0.16rem, 24px);line-height:0.5rem;height:0.5rem;border-radius:0.05rem;overflow:hidden;text-align:center;color:#002d4b;margin:0 auto;-webkit-transition:0.3s;-moz-transition:0.3s;transition:0.3s;background:#fff;border:1px solid #dcdcdc;position:relative;display:block;} .page-back a span{display:inline-block;position:relative;z-index:2;overflow:hidden;border-radius:0.05rem;} .page-back a:after{content:'';position:absolute;left:50%;top:0;width:0;height:100%;background:#c30d23;-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:#e80313;} @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:5px;} .page-back a span{border-radius:5px;} } /*page-newsInfo*/ .page-newsInfo{text-align:left;} .page-newsInfo .newsTit{width:100%;margin:0;color:#002d4b;line-height:normal;text-align:left;font-weight:300;font-size:0.46rem;margin-bottom:0.1rem;padding-top:0.3rem;} .page-newsInfo .newsShuju{padding-bottom:0.35rem;font-size:0.14rem;font-size:clamp(12px, 0.14rem, 24px);line-height:0.3rem;color:#909090;text-align:left;} .page-newsInfo .newsShuju em{display:inline-block;margin:0;color:#909090;font-style:normal;line-height:0.3rem;margin-right:0.2rem;} .page-newsInfo .newsShuju em.d{background:url(../images/d.jpg) left center no-repeat;background-size:0.14rem;padding-left:0.2rem;} .page-newsInfo .newsShuju em.u{background:url(../images/u.jpg) left center no-repeat;background-size:0.16rem;padding-left:0.2rem;} .page-newsInfo .newsShare{display:inline-block;text-align:center;margin:0 auto;width:1.8rem;} .page-newsInfo .newsText{border-top:1px solid #e5e5e5;margin:0;text-align:left;color:#333333;font-size:0.16rem;font-size:clamp(12px, 0.16rem, 24px);line-height:0.36rem;} .page-newsInfo .newsText img{max-width:100%;} .page-newsInfo .newsTextNr{width:100%;margin:0 auto;padding-top:0.6rem;padding-bottom:0.2rem;} .page-newsInfo .newsBtn{border-bottom:1px solid #e5e5e5;font-size:0;padding-top:0.2rem;} .page-newsInfo .newsBtn .newsBtnA,.page-newsInfo .newsBtn .newsBtnB{display:inline-block;*display:inline;zoom:1;width:50%;overflow:hidden;color:#002d4b;font-size:0.16rem;font-size:clamp(12px, 0.16rem, 24px);line-height:0.2rem;height:0.2rem;} .page-newsInfo .newsBtn a{display:inline-block;max-width:90%;color:#002d4b;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:0.2rem;height:0.2rem;} .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:1520px) { .page-newsInfo .newsTit{font-size:28px;} } @media screen and (max-width:1220px) { .page-newsInfo .newsTit{font-size:26px;} .page-newsInfo .newsShuju{padding-bottom:30px; } .page-newsInfo .newsTextNr{padding-top:50px;} }*/ @media screen and (max-width:1024px) { .page-newsInfo .newsTit{font-size:24px;} .page-newsInfo .newsShuju{padding-bottom:30px;font-size:14px;line-height:30px;} .page-newsInfo .newsShuju em{line-height:30px;margin-right:20px} .page-newsInfo .newsShuju em.d{background-size:14px;padding-left:20px;} .page-newsInfo .newsShuju em.u{background-size:16px;padding-left:20px;} .page-newsInfo .newsTextNr{padding-top:50px;} } @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{padding-top:30px;padding-bottom:20px;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-newsXg*/ .page-newsZuixinB{background:#f7f7f7;padding:0.45rem 10%;} .page-newsZuixin{width:27.625%;float:right;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei UI","Microsoft YaHei","微软雅黑","Heiti SC","WenQuanYi Micro Hei",Arial,sans-serif;font-size:0.16rem} .page-newsZuixin h1{padding:0;color:#002d4b;font-weight:300;text-transform:uppercase;background-image:url(../images/tip2-tit.png);background-position:left center;background-repeat:no-repeat;background-size:0.23rem;padding-left:0.35rem;font-size:0.3rem;line-height:0.56rem;} .page-newsZuixin ul{width:100%;margin:0 auto;position:relative;font-size:0;border-top:1px solid #d8d8d8;padding-top:0.3rem;margin-top:0.2rem;} .page-newsZuixin ul li.listpic{font-size:0;display:inline-block;*display:inline;zoom:1;margin:0;padding:0;list-style:none;width:100%;vertical-align:top;margin-bottom:0.2rem;} .page-newsZuixin ul li.listpic a{display:block;padding:0;background-image:url(../images/tit-b.png);background-repeat:no-repeat;background-position:left 0.05rem;background-size:0.23rem;padding-left:0.35rem;} .page-newsZuixin ul li.listpic a,.page-newsZuixin ul li.listpic .ImgBox img,.page-newsZuixin ul li.listpic .listTitle .listTitleBox{-moz-transition:all .5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;transition:all .5s ease-in-out;} .page-newsZuixin ul li.listpic .listTitle{overflow:hidden;display:block;padding:0;-webkit-transition:all 0.6s ease-in-out;-moz-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;position:relative;} .page-newsZuixin ul li.listpic .listTitle .listTitleBox{padding:0;} .page-newsZuixin ul li.listpic .listTitle .t{font-size:0.2rem;font-size:clamp(12px, 0.2rem, 24px);color:#002d4b;max-height:0.52rem;line-height:0.26rem;overflow:hidden;margin-bottom:0.1rem;font-weight:500;} .page-newsZuixin ul li.listpic a:hover .listTitle .t{color:#981d34} /*@media screen and (max-width:1520px) { .page-newsZuixinB{padding:35px 6%;} .page-newsZuixin ul li.listpic .listTitle .t{font-size:16px;} .page-newsZuixin h1{font-size:28px;} } @media screen and (max-width:1220px) { .page-newsZuixinB{padding:30px 5%;} .page-newsZuixin h1{font-size:26px;} }*/ @media screen and (max-width:1024px) { .page-newsZuixinB{padding:30px 5%;} .page-newsZuixin{ width:100%;float:none;} .page-newsZuixin ul li.listpic .listTitle .t{font-size:16px;height:30px;line-height:30px;white-space: nowrap;text-overflow: ellipsis;} .page-newsZuixin ul li.listpic{margin-bottom:20px;} .page-newsZuixin h1{font-size:24px;} } @media screen and (max-width:768px) { .page-newsZuixin ul li.listpic{margin-bottom:15px;} .page-newsZuixin h1{font-size:20px;} } @media screen and (max-width:350px) { .page-newsZuixin ul li.listpic{width:100%;margin-right:0;} .page-newsZuixin ul li.listpic .listTitle{padding:0;} } /*zuoyou*/ .zuoyou .page-newsInfo{float:left;width:71.25%;margin:0;padding:0;} .zuoyou .page-newsInfo .page-newswz{border:1px solid #e5e5e5;padding:0.1rem 6% 0 6%;} .zuoyou .page-newsInfo .newsBtn{padding-top:0.2rem;} .zuoyou .page-newsInfo .newsText{border-top:1px solid #e5e5e5;padding-top:0.6rem;} .zuoyou .page-newsInfo .newsTextNr{padding-top:0;} /*@media screen and (max-width:1520px) { .zuoyou .page-newsInfo .newsText{padding-top:50px;} } @media screen and (max-width:1220px) { .zuoyou .page-newsInfo .page-newswz{padding:10px 4% 0 4%;} .zuoyou .page-newsInfo .newsText{padding-top:40px;} }*/ @media screen and (max-width:1024px) { .zuoyou .page-newsInfo{ width:100%;float:none;padding:0; margin-bottom:30px;} .zuoyou .page-newsInfo .newsText{padding-top:30px;} } /************************Contact************************/ /**Contact**/ .pageContact .pageContactBox{width:50%;float:right;} .contactTable{overflow:hidden;text-align:center;border-spacing:0;} .contactTable td{width:50%;padding:1.1rem 0;overflow:hidden;border-top:1px solid #eaeaea;border-right:1px solid #eaeaea;-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;} .contactTable td img{width:0.6rem;} .contactTable td h1{font-size:0.32rem;color:#002d4b;line-height:0.36rem;font-family:'Tunga',Arial,Helvetica,sans-serif;font-weight:300;} .contactTable td p{font-size:0.18rem;font-size:clamp(12px, 0.18rem, 24px);color:#002d4b;line-height:0.28rem;} .contactTable td:hover{background:#ccc;} /*pageContact*/ .pageContact{position:relative;overflow:hidden;margin-top:0.6rem;} .pageContact .pageMap{width:50%;position:absolute;left:0;top:0;height:100%;} .pageContact .pageMap img{/*max-width:100%;width:100%;*/} @media screen and (max-width:1024px) { .pageContact .pageContactBox, .pageContact .pageMap{width:100%;float:none;padding:0; position:relative;} } @media screen and (max-width:768px){ .pageMap{margin-top:30px;} } @media screen and (max-width:751px){ .contactTable td{width:100%!important; padding:50px 0; display:block!important} } /*feedback2Box*/ .feedback2Box{padding-top:1.1rem;padding-bottom:1.1rem; background:#f6f6f6;} .feedback2Box .pageTit .en{ color:#f6f6f6;} .feedback2Box .contact-con{ font-size:0; padding-top:0.7rem;} .feedback2Box .pageT1{ max-width:80%; margin:0 auto; line-height:0.24rem;} .feedback2Box .pageT1 .cn{margin-bottom:0.1rem;} /*feedback2*/ .feedback2{font-size:0.18rem;font-size:clamp(12px, 0.18rem, 24px);color:#002d4b;line-height:0.4rem;text-align:left;padding:0;margin:0 -0.175rem;} .feedback2 label{display:block;} .feedback2 .l1{float:left;width:33.33333%; position:relative;margin-bottom:0.4rem;} .feedback2 .l2{margin-bottom:0.28rem;} .feedback2 .l1Box{margin:0 0.175rem; position:relative;} .feedback2 .text{display:block;width: 100%;padding:4px 0;height:0.5rem;margin-bottom:0.2rem;outline:none;font-size:0.18rem;font-size:clamp(12px, 0.18rem, 24px);color:#002d4b;font-family:"微软雅黑",Arial,Sans-Serif; border:none;border-bottom:1px solid #d7dadd;border-radius:0px;background:#f6f6f6;text-align:left;} .feedback2 .text2{display:block;width:100%;padding:0.1rem 0.18rem;height:2.1rem;margin-bottom:0.2rem;outline:none;font-size:0.18rem;font-size:clamp(12px, 0.18rem, 24px);color:#002d4b;font-family:"微软雅黑",Arial,Sans-Serif;border:1px solid #d7dadd;border-radius:0px;background:#f6f6f6;text-align:left;} .feedback2 .getcode{display:block;width:32%;padding:4px 0;height:0.5rem;margin-bottom:0.18rem;outline:none;font-size:0.18rem;font-size:clamp(12px, 0.18rem, 24px);color:#002d4b;font-family:"微软雅黑",Arial,Sans-Serif;border:none;border-bottom:1px solid #d7dadd;border-radius:0px;background:#f6f6f6;text-align:left; float:left;margin-right:0.15rem; max-width:2.75rem;} .feedback2 img{display:inline-block; float:left;margin-top:0.1rem;} .feedback2 #code{ width:0.7rem;} .feedback2 .kk{font-size:0.14rem;font-size:clamp(12px, 0.14rem, 24px);color:#a0a0a0; line-height:0.5rem;margin-left:2px;float:left;} .feedback2 .l3{ position:relative;} .feedback2 .inputbtn{display:inline-block;height:0.58rem;line-height:0.58rem;margin:0;outline:none;font-size:0.14rem;font-size:clamp(12px, 0.14rem, 24px);background:#981d34;color:#fff;font-family:"微软雅黑",Arial,Sans-Serif;border:0;cursor:pointer;border-radius:0.05rem;text-align:center;background-position:right center;width:2.28rem;float:right;} .feedback2 .inputbtn:hover,.feedback2 .inputbtn.tj:hover{background:#831a2e;} .feedback2 .text:focus,.feedback2 .text:active,.feedback2 .text2:focus,.feedback2 .text2:active,.feedback2 .getcode:focus,.feedback2 .getcode:active{-webkit-box-shadow: none;box-shadow: none;border-bottom: 2px solid #981d34; } .feedback2 input::-webkit-input-placeholder { color: #002d4b; } .feedback2 input:-moz-placeholder { color: #002d4b; } .feedback2 input::-moz-placeholder { color: #002d4b; } .feedback2 input:-ms-input-placeholder { color: #002d4b; } .feedback2 textarea::-webkit-input-placeholder { color: #002d4b; } .feedback2 textarea:-moz-placeholder { color: #002d4b; } .feedback2 textarea::-moz-placeholder { color: #002d4b; } .feedback2 textarea:-ms-input-placeholder { color: #002d4b; } @media screen and (max-width:1024px) { .feedback2Box{padding-top:70px;padding-bottom:70px;} .feedback2Box .contact-con{padding-top:50px;} .feedback2 .inputbtn{height:50px;line-height:50px;} } @media screen and (max-width:768px) {.feedback2Box .contact-con{padding-top:30px;} .feedback2Box{padding-top:50px;padding-bottom:50px;} .feedback2{font-size:14px;} .feedback2 .l1{width:100%;margin-bottom:0px;} .feedback2 .l2{margin-bottom:0px;} .feedback2 .inputbtn{ float:none; display:block; clear:both;width:120px;height:50px;line-height:50px;} .feedback2 .text, .feedback2 .getcode{height:40px;padding:4px 0;margin-bottom:10px;font-size:14px;} .feedback2 .text2{ height:120px;padding:10px 10px;margin-bottom:10px;font-size:14px;} .feedback2 .getcode{ margin-bottom:40px;max-width:200px;} } @media screen and (max-width:640px) { .feedback2 .inputbtn{height:45px;line-height:45px;} } @media screen and (max-width:350px) { .feedback2 .inputbtn{height:40px;line-height:40px;} } /************************index conment************************/ /*btn-view*/ .btn-view{text-align:center;margin:0 auto;position:relative;width:2.26rem;margin-top:1rem;} .btn-view a{display:block;margin:0 auto;cursor:pointer;font-weight:400;color:#24445c;position:relative;text-decoration:none;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s;text-align:center;text-transform:uppercase;border:1px solid #d7dadd;border-radius:0.05rem;font-size:0.14rem;font-size:clamp(12px, 0.14rem, 24px);line-height:0.56rem;} .btn-view a span{z-index:20;position:relative;text-align:center;} .btn-view a i{z-index:20;position:relative;font-style:normal;color:#981d34;font-size:0.2rem;font-size:clamp(12px, 0.2rem, 24px);margin-right:0.25rem;} .btn-view a{z-index:1;} .btn-view a:after{position:absolute;content:"";width:0;height:100%;top:0;right:0;z-index:-1;background-color:#981d34;border-radius:0.05rem;transition:all 0.3s ease;} .btn-view a:hover:after{left:0;width:100%} .btn-view a:hover{color:#fff;} .btn-view a:hover i{color:#fff;} /*@media screen and (max-width:1220px) { .btn-view{margin-top:90px;} }*/ @media screen and (max-width:1024px) { .btn-view{margin-top:70px;} .btn-view a i{font-size:18px;margin-right:20px;} } @media screen and (max-width:992px) { .btn-view{margin-top:50px;} .btn-view a i{font-size:16px;margin-right:15px;} .btn-view{width:200px;} } @media screen and (max-width:768px) { .btn-view{margin-top:30px;} .btn-view{width:150px;} .btn-view a{line-height:40px;font-size:12px;} .btn-view a i{font-size:14px;margin-right:15px;} } @media screen and (max-width:640px) { .btn-view a i{font-size:12px;margin-right:10px;} } /*indexAbout*/ .indexAbout{padding-top:1rem;padding-bottom:1.3rem;background-color:#ebeef1;background-image:url(../images/index-abst.png);background-position:center 103.723958333333333%;background-repeat:no-repeat;background-size:100%;} .indexAbout .pageTit .en{color:#ebeef1;text-shadow:#fff 1px 0 0,#fff 0 1px 0,#fff -1px 0 0,#fff 0 -1px 0;-webkit-text-shadow:#fff 1px 0 0,#fff 0 1px 0,#fff -1px 0 0,#fff 0 -1px 0;-moz-text-shadow:#fff 1px 0 0,#fff 0 1px 0,#fff -1px 0 0,#fff 0 -1px 0;*filter:Glow(color=#fff,strength=1)} .indexAbout .titleWzBox{padding-top:0.2rem;} .indexAbout .titleWzBox .wz{overflow:hidden;margin:0 auto;text-align:center;color:#002d4b;font-size:0.18rem;font-size:clamp(12px, 0.18rem, 24px);line-height:0.32rem;max-width:11rem;max-height:0.64rem;margin-bottom:0.45rem;} @media screen and (max-width:1024px) { .indexAbout{ padding-top:100px;padding-bottom:100px; } .indexAbout .titleWzBox .wz{font-size:16px;line-height:30px;max-height:none;max-width:100%; width:90%; margin-bottom:30px;} } @media screen and (max-width:992px) { .indexAbout{ padding-top:90px;padding-bottom:90px; } .indexAbout .titleWzBox .wz{font-size:15px;} } @media screen and (max-width:768px) { .indexAbout{ padding-top:70px;padding-bottom:70px; } } /*indexCaselist*/ .indexCaselist{width:100%;height:100%;position:relative} .indexCaselist .itemBg{display:block;position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;padding:0%;max-width:none;max-height:none;background-color:#010308;background-size:cover;background-position:center center;background-repeat:no-repeat;z-index:0} .indexCaselist .itemBg .swiper-slide{ background-position:center center; background-repeat:no-repeat; background-size:cover;} .indexCaselist .item{width:100%;height:auto;overflow:hidden;position:relative;z-index:1;padding:18.22916666666667% 0} .indexCaselist .item .list{font-size:0} .indexCaselist .item .list{position:absolute;left:0;top:0;bottom:0;right:0;width:100%;height:100%} .indexCaselist .item .list .li{width:20%;height:100%;display:inline-block;*display:inline;zoom:1;position:relative;z-index:1} .indexCaselist .item .list .li a{display:inline-block} .indexCaselist .item .list .li .img{position:absolute;left:0;right:0;top:50%;margin:0 auto;-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);text-align:center;height:100%;width:100%;object-fit:cover;display:none} .indexCaselist .item .list .li .text{padding:0 0.5rem 0.5rem 0.5rem;font-size:0.13rem;font-size:clamp(12px, 0.13rem, 24px);line-height:0.28rem;color:#ffffff;text-align:left;position:absolute;bottom:0;left:0;z-index:2} .indexCaselist .item .list .li .t1{font-size:0.34rem;padding-bottom:0.15rem;font-weight:300;display:block;font-family:'思源黑体 CN','SourceHanSansCN-Regular',-apple-system,BlinkMacSystemFont,"PingFang SC",PingHei,STHeitiSC-Light,"Myriad Set Pro","Lucida Grande","Helvetica Neue",Helvetica,"microsoft yahei",SimHei,tahoma,Arial,"PingFangSC-Regular",Verdana,sans-serif} .indexCaselist .item .list .li .t1 .en{margin-left:0.2rem;font-size:0.2rem;font-size:clamp(12px, 0.2rem, 24px);color:#ffffff;text-transform:uppercase;font-family:'Tunga',Arial,Helvetica,sans-serif;font-weight:100} .indexCaselist .item .list .li .line{width:0px;height:4px;background:#fff;margin-top:0} .indexCaselist .item .list .li.swiper-slide-thumb-active .line{width:0.4rem;margin-top:0.8rem} .indexCaselist .item .list .li.swiper-slide-thumb-active{background-color:#981d34} .indexCaselist .item .list .li,.indexCaselist .item .list .li .t1,.indexCaselist .item .list .li .line{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out} .indexCaselist .itemBg{-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;transition:all 1s ease-in-out} /*@media (max-width: 1800px){ .indexCaselist .item .list .li .t1{font-size:32px;} } @media screen and (max-width: 1520px) { .indexCaselist .item .list .li .t1{font-size:30px;} .indexCaselist .item .list .li .text{padding:0 40px 50px 40px;} } @media screen and (max-width: 1320px) { .indexCaselist .item .list .li .t1{font-size:26px;} .indexCaselist .item .list .li .text{padding:0 30px 50px 30px;} }*/ @media screen and (max-width: 1220px) { .indexCaselist .item .list .li{width:25%; display:block;} .indexCaselist .item .list .li .t1{font-size:24px;} .indexCaselist .item .list .li .t1 .en{ font-size:18px;margin-left:10px; } .indexCaselist .item .list .li .text{padding:0 30px 50px 30px;} } @media screen and (max-width: 1150px) { .indexCaselist .item{padding:25% 0;} .indexCaselist .item .list .li .t1{font-size:20px;padding-bottom:10px;} .indexCaselist .item .list .li .t1 .en{ font-size:16px;margin-left:0px; display:block;} .indexCaselist .item .list .li .line{height:3px;} .indexCaselist .item .list .li .text{font-size:12px;line-height:26px;padding:0 20px 40px 20px;} } @media (max-width:1024px) { .indexCaselist{ background:#333;} .indexCaselist .item{padding:25% 0;} .indexCaselist .item .list .li{width:33.33333%;} .indexCaselist .item .list .li .t1{font-size:18px;padding-bottom:10px;} .indexCaselist .item .list .li .t1 .en{ font-size:15px;margin-left:10px; display:inline-block;} .indexCaselist .item .list .li .line{height:2px;} .indexCaselist .item .list .li .text{padding:0 20px 30px 20px;} .indexCaselist .item .list .li, .indexCaselist .item .list .li.swiper-slide-thumb-active{background-color: transparent;} .indexCaselist .item .list .li .line, .indexCaselist .item .list .li.swiper-slide-thumb-active .line{width:40px;margin-top:80px;} .indexCaselist .item .list .li .img{ display:block!important;} .indexCaselist .itemBg{ display:none;} } @media (max-width:768px) { .indexCaselist .item .list .li{width:50%;} } @media (max-width:761px) { .indexCaselist .item{padding:30% 0;} .indexCaselist .item .list .li{width:100%;} .indexCaselist .item .list .li .t1{font-size:20px;padding-bottom:10px;} .indexCaselist .item .list .li .t1 .en{ font-size:16px;margin-left:15px;} .indexCaselist .item .list .li .line{height:3px;} .indexCaselist .item .list .li .text{font-size:12px;line-height:24px;padding:50px 20px 40px 20px;} } @media (max-width:640px) { .indexCaselist .item{padding:40vw 0;} } /*indexFangan*/ .indexFangan{padding-top:1.7rem;overflow:hidden;width:100%;} .indexFangan .btn-view{margin:0;margin-top:0.5rem;text-align:left;} .indexFangan .pageTit{text-align:left;} .indexFangan .pageTit .cn{left:0.45rem;right:auto;margin:0;top:0.1rem;} .indexFangan .pageTit .en{margin:0;} .indexFangan .wbox1{float:left;width:44.79166666666667%;overflow:hidden;} .indexFangan .wbox2{float:right;width:55.20833333333333%;} .indexFangan .wbox3{width:100%;} /*module-hotsale*/ .module-hotsale{padding-left:18.6%;} .module-hotsale .box{max-width:3.3rem;padding-left:0.9rem;} .module-hotsale .img{margin-bottom:0.7rem;} .module-hotsale .title{font-size:0.4rem;line-height:0.4rem;margin-bottom:0.5rem;color:#002d4b;} .module-hotsale .bjb,.module-hotsale .bjb p{font-size:0.16rem;font-size:clamp(12px, 0.16rem, 24px);line-height:0.34rem;height:1.02rem;padding:0;overflow:hidden;color:#002d4b;} .module-hotsaleImg{overflow:hidden;} .module-hotsaleImg img{max-width:100%;height:auto;} .module-hotsaleImg .box{height:0;position:relative;overflow:hidden;padding-bottom:60.37735849056604%;} .module-hotsaleImg .box a{display:block} .module-hotsaleImg .box img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);display:block;max-width:none;height:100%} /*@media screen and (max-width: 1680px) {.module-hotsale .img{max-width: 500px;margin-bottom: 60px;} .module-hotsale .title {font-size: 30px;}} @media screen and (max-width: 1440px) {.module-hotsale .img{max-width: 450px;margin-bottom: 50px;} .module-hotsale .title {font-size: 28px;}.module-hotsaleImg .box{padding-bottom:550px;}.module-hotsale{padding-left:10%;}} @media screen and (max-width: 1280px) {.module-hotsale .img{max-width: 400px;margin-bottom: 40px;} .module-hotsale .title {font-size: 26px;}.module-hotsale{padding-left:5%;}} @media screen and (max-width: 1199px) {.module-hotsale .img{max-width: 350px;margin-bottom: 30px;} .module-hotsale .title {font-size: 24px;} }*/ @media screen and (max-width: 1220px) { .module-hotsale{padding-left:9%;} } @media screen and (max-width: 1024px) { .indexFangan{ padding-top:70px;} .indexFangan .wbox1{ float:none; width:100%; margin-bottom:30px; } .indexFangan .wbox2{ float:none; width:100%;} .indexFangan .wbox3{ width:100%;} .module-hotsale{padding-left:3%;} .module-hotsale .box{ max-width:330px; padding-left:45px;}.module-hotsaleImg .box{padding-bottom:60.37735849056604%;} } @media screen and (max-width: 991px) {.module-hotsale .img{max-width: 300px;margin-bottom: 20px;} .module-hotsale .title {font-size: 22px;}} @media screen and (max-width: 767px) {.module-hotsale{margin-bottom: 30px;} .module-hotsale .img{margin-bottom: 10px;max-width: 280px;} .module-hotsale .title {font-size: 20px;line-height:30px;margin-bottom:30px;} .module-hotsale .bjb, .module-hotsale .bjb p{font-size:14px;line-height:26px;height:78px;} } @media screen and (max-width: 575px) {.module-hotsale .img{max-width: 250px;} .module-hotsale .title {font-size: 18px; }} /*module-hotsaleDian*/ .module-hotsaleDian{position:relative;padding:0.4rem 0;} .module-hotsaleDian .swiper-pagination{top:50%;left:46.6%;transform:translate(-50%,-50%);z-index:2;text-align:left} .module-hotsaleDian .my-bullet{display:inline-block;background:#eaeaea;opacity:1;outline:none;margin-left:0.05rem;margin-right:0.05rem;width:0.08rem;height:0.08rem;border-radius:0.08rem;} .module-hotsaleDian .my-bullet-active{opacity:1;background:#981d34;width:0.36rem;} @media screen and (max-width: 1024px) {.module-hotsaleDian {padding: 35px 0;}} @media screen and (max-width: 991px) {.module-hotsaleDian {padding: 30px 0;}} @media screen and (max-width: 767px) {.module-hotsaleDian {padding: 25px 0;} } @media screen and (max-width: 575px) {.module-hotsaleDian {padding: 20px 0;}} /*indexPro*/ .indexPro .Probox{overflow:hidden;position:relative;z-index:1;} .indexPro .swiper-slide{width:20%;} .indexPro .item{display:block;cursor:pointer;border-right:1px solid #ebeef1;position:relative;overflow:hidden;padding:0.5rem;} .indexPro .item:before{content:'';display:block;width:100%;height:100%;background-color:#2e2e31;left:0;top:0;position:absolute;opacity:0;filter:alpha(opacity=0);z-index:1;} .indexPro .img{display:block;position:relative;width:100%;padding:50% 0;} .indexPro .img img{position:absolute;left:0;right:0;top:0;height:100%;object-fit:contain;margin:auto auto;} .indexPro .item,.indexPro .item:before,.indexPro .img:before,.indexPro .img img,.indexPro .img,.indexPro .item{-moz-transition:all .5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;transition:all .5s ease-in-out;} .indexPro .item:hover .img img{-moz-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2);} .indexPro .text{position:absolute;left:0;top:50%;right:0;margin:auto;transform:translate(0,-50%);opacity:0;filter:alpha(opacity=0);} .indexPro .text .m{background:url("../images/more.png") center center no-repeat;background-size:100%;margin:0 auto;margin-top:0.2rem;width:0.26rem;height:0.26rem;} .indexPro .text .tit2{color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:300;display:block;text-align:center;-webkit-transition:all .3s;transition:all .3s;font-size:0.16rem;font-size:clamp(12px, 0.16rem, 24px);line-height:0.5rem;height:0.5rem;} .indexPro .item:hover .text{opacity:1;filter:alpha(opacity=100);z-index:1} .indexPro .item:hover:before{opacity:0.9;filter:alpha(opacity=90);z-index:1} /*indexPro swiper-pagination*/ .indexPro .swiper-pagination{bottom:0} .indexPro .swiper-pagination span{width:0.12rem;height:0.12rem;background:#aaa;border-radius:50%;margin:0 0.07rem} .indexPro .swiper-pagination span.swiper-pagination-bullet-active{background:#2796c3} /*indexPro swiper-button*/ .indexPro .swiper-button-prev{transition:0.4s;opacity:1;width:0.12rem;height:0.22rem;top:0.15rem;margin:0;left:auto;right:0.3rem;outline:none;background:url("../images/arrow-left2.png") center center no-repeat;background-size:0.12rem;display:none} .indexPro .swiper-button-next{transition:0.4s;opacity:1;width:0.12rem;height:0.22rem;top:0.15rem;margin:0;right:0;outline:none;background:url("../images/arrow-right2.png") center center no-repeat;background-size:0.12rem;display:none} .indexPro .swiper-button-prev.swiper-button-disabled{background-image:url("../images/arrow-left.png")} .indexPro .swiper-button-next.swiper-button-disabled{background-image:url("../images/arrow-right.png")} @media screen and (max-width: 991px) {.indexPro .swiper-slide{ width:33.333%;}} @media screen and (max-width: 767px) {.indexPro .swiper-slide{ width:50%;}} /*indexPro btn-view*/ .indexPro .btn-view{width:100%;background:#ebeef1;margin:0;} .indexPro .btn-view a{margin:0;border:none;width:100%;display:block;border-radius:0;line-height:1rem;} .indexPro .btn-view a:before,.indexPro .btn-view a:after{display:none;} .indexPro .btn-view a:hover{background:#981d34;} /*@media screen and (max-width: 1520px) { .indexPro .btn-view a{line-height:90px} } @media screen and (max-width: 1320px) { .indexPro .btn-view a{line-height:85px}.indexPro .item{padding:40px;} } @media screen and (max-width: 1220px) { .indexPro .btn-view a{line-height:80px}.indexPro .item{padding:30px;} }*/ @media screen and (max-width: 1024px) { .indexPro .btn-view a{line-height:70px}.indexPro .item{padding:30px;} } @media screen and (max-width: 991px) {.indexPro .btn-view a{line-height:60px}} @media screen and (max-width: 768px) {.indexPro .swiper-slide{line-height:50px;}} @media screen and (max-width: 640px) {.indexPro .item{padding:6.25vw;}} /*indexYoushi*/ .indexYoushi{padding-top:1.1rem;} .indexYoushi .pageTit{margin-bottom:-0.1rem;padding-top:0.65rem;padding-bottom:0;} .indexYoushi .pageTit .cn{top:0;} /*indexYoushilist*/ .indexYoushilist{width:100%;height:100%;overflow:hidden;position:relative;z-index:1;} .indexYoushilist .list{font-size:0} .indexYoushilist ul li{width:50%;height:100%;display:inline-block;*display:inline;zoom:1;position:relative;z-index:1;cursor:pointer;} .indexYoushilist ul li a{display:block;position:relative;height:9.4rem} .indexYoushilist ul li .img{position:relative;overflow:hidden;padding:4.7rem 0} .indexYoushilist ul li .img:after{content:'';display:block;width:100%;height:100%;background-color:#981d34;background:url("../images/index-youshi-img1.jpg") center center no-repeat #981d34;background-size:100%;left:0;top:0;position:absolute;filter:alpha(opacity=0);opacity:0;z-index:1;visibility:hidden} .indexYoushilist ul li.on a .img:after,.indexYoushilist ul li a:hover .img:after{opacity:1;filter:alpha(opacity=100);visibility:visible} .indexYoushilist ul li .img img{display:block;position:absolute;right:0;bottom:0;top:0;left:0;/*-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);*/width:100%;height:100%;object-fit:cover;max-width:none;max-height:none} .indexYoushilist ul li .text{z-index:2;position:absolute;right:0;top:50%;left:0;-moz-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)} .indexYoushilist ul li .text .textBox{padding:0.3rem 0.6rem 0.5rem 0.6rem} .indexYoushilist ul li .t1{font-size:0.5rem;line-height:0.5rem;padding-bottom:0.66rem;text-align:center;color:#ffffff;background:url("../images/index-youshi-v.png") center bottom no-repeat;background-size:0.24rem;display:block} .indexYoushilist ul li .t1 .en{font-size:0.66rem;color:#ffffff;font-family:Aparajita,Arial,Helvetica,sans-serif} .indexYoushilist ul li .wz{max-width:5.5rem;width:90%;margin:0 auto;font-size:0.16rem;font-size:clamp(12px, 0.16rem, 24px);line-height:0.32rem;color:#ffffff;text-align:center;padding-top:22.34042553191489%} .indexYoushilist ul li .line{z-index:2;position:absolute;left:0;right:0;bottom:5.319148936170213%;margin:0 auto;text-align:center} .indexYoushilist ul li .line span{padding:0 1.05rem;font-size:0.2rem;font-size:clamp(12px, 0.2rem, 24px);color:#ffffff;display:inline-block;font-family:Tunga,Arial,Helvetica,sans-serif;position:relative} .indexYoushilist ul li .line span:before{content:'';display:block;width:0.93rem;height:1px;background-color:#fff;left:0;top:50%;position:absolute;opacity:0.5;filter:alpha(opacity=50);z-index:1} .indexYoushilist ul li .line span:after{content:'';display:block;width:0.93rem;height:1px;background-color:#fff;right:0;top:50%;position:absolute;opacity:0.5;filter:alpha(opacity=50);z-index:1} .indexYoushilist ul li,.indexYoushilist ul li .line span:before,.indexYoushilist ul li .line span:after,.indexYoushilist ul li .t1,.indexYoushilist ul li .img:after,.indexYoushilist ul li .wz,.indexYoushilist ul li .line{-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} .indexYoushilist ul li .img,.indexYoushilist ul li .img img{-moz-transition:all .5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;transition:all .5s ease-in-out} .indexYoushilist ul li a:hover .wz{padding-top:15%} .indexYoushilist ul li a{height:100%} .indexYoushilist ul li .img{padding:50% 0} .indexYoushilist ul li a:hover .line span:before,.indexYoushilist ul li a:hover .line span:after{width:0.63rem;} /*@media screen and (max-width: 1220px) { .indexYoushi{padding-top:100px;} .indexYoushi .pageTit{padding-top:50px;} .indexYoushilist ul li a{height:100%;} .indexYoushilist ul li .img{padding:50% 0;} }*/ @media screen and (max-width: 1024px) { .indexYoushi{padding-top:70px;} .indexYoushi .pageTit{padding-top:30px;} .indexYoushilist ul li a{height:100%;} .indexYoushilist ul li .img{padding:50% 0;} .indexYoushilist ul li .t1{font-size:30px; line-height:30px;padding-bottom:26px; background-size:20px;} .indexYoushilist ul li .t1 .en{ font-size:36px;} .indexYoushilist ul li .wz{width:94%;font-size:14px; line-height:20px;padding-top:10%;} .indexYoushilist ul li .line span{ padding:0 75px;font-size:20px; color:#ffffff;display:inline-block;font-family:Tunga,Arial, Helvetica, sans-serif; position:relative;} .indexYoushilist ul li .line span:before, .indexYoushilist ul li .line span:after{width:53px;} } @media screen and (max-width: 768px) { .indexYoushi{padding-top:50px;} .indexYoushi .pageTit{padding-top:30px;} .indexYoushilist ul li .t1{font-size:26px;line-height:26px;} .indexYoushilist ul li .t1 .en{ font-size:30px;} /*.indexYoushilist ul li.on a .img:after{filter: alpha(opacity=0);opacity:0;visibility:hidden;}*/ .indexYoushilist ul li a:hover .img:after{filter: alpha(opacity=0);opacity:0;visibility:hidden;} .indexYoushilist ul li.on a .img:after{opacity:1;filter: alpha(opacity=100); visibility: visible;} } @media screen and (max-width: 751px) { .indexYoushilist ul li{ width:100%;} } /**********************************************pageAdv**********************************************/ /*.pageAdv1*/ .pageAdv1{padding-top:1.05rem} .pageAdvList1{font-size:0;max-width:13.56rem;width:94%;margin:0 auto;padding-top:0.5rem;padding-bottom:1rem;} .pageAdvList1 li{width:50%;height:100%;display:inline-block;*display:inline;zoom:1;position:relative;z-index:1;vertical-align:top;margin-bottom:0.2rem;} .pageAdvList1 li .item{display:block;padding:1.35rem 0.5rem 0.5rem 0.5rem;font-size:0.16rem;font-size:clamp(12px, 0.16rem, 24px);line-height:0.3rem;color:#595959;background:url("../images/adv1-tu.jpg") center top no-repeat #f7f7f7;background-size:100%;min-height:2.8rem;margin:0 0.33rem;border-bottom-right-radius:0.3rem;border-bottom-left-radius:0.3rem;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s} .pageAdvList1 li h1{font-size:0.3rem;line-height:0.3rem;padding-bottom:0.1rem;color:#002d4b;font-family:'思源黑体 CN','SourceHanSansCN-Regular',-apple-system,BlinkMacSystemFont,"PingFang SC",PingHei,STHeitiSC-Light,"Myriad Set Pro","Lucida Grande","Helvetica Neue",Helvetica,"microsoft yahei",SimHei,tahoma,Arial,"PingFangSC-Regular",Verdana,sans-serif;font-weight:300;} .pageAdvList1 li .item:hover{-webkit-transform:translateY(-0.1rem);-moz-transform:translateY(-0.1rem);-o-transform:translateY(-0.1rem);-ms-transform:translateY(-0.1rem);transform:translateY(-0.1rem);} /*@media (max-width: 1300px) { .pageAdvList1 li .item{margin:0 30px;} .pageAdvList1 li h1{font-size:28px;} } @media screen and (max-width: 1220px) { .pageAdvList1 li .item{margin:0 20px;} .pageAdvList1 li h1{font-size:26px;} }*/ @media screen and (max-width: 1024px) { .pageAdvList1 li .item{margin:0 15px;font-size:14px;line-height:26px;} .pageAdvList1 li h1{font-size:24px;} } @media screen and (max-width: 768px) { .pageAdvList1 li .item{margin:0 10px;padding:100px 30px 50px 30px;} .pageAdvList1 li h1{font-size:28px;} } @media screen and (max-width: 751px) { .pageAdvList1 li{width:100%;} .pageAdvList1 li .item{margin:0;padding:70px 30px 50px 30px;min-height:0;} .pageAdvList1 li h1{font-size:24px;} } /*bigimg*/ .bigimg{padding:15.10416666666667% 0;overflow:hidden;position:relative;} .bigimg img{position:absolute;right:0;bottom:0;top:50%;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;height:100%;object-fit:cover;} /*pageAdvBox*/ .pageAdvBox{font-size:0;max-width:12rem;width:94%;margin:0 auto;position:relative;} .pageAdvBox .wz{padding-left:50%;font-size:0.16rem;font-size:clamp(12px, 0.16rem, 24px);line-height:0.34rem;color:#002d4b;} .pageAdvBox .wz .wzB{padding-top:2.3rem;padding-bottom:0.8rem;} /*pageTit2*/ .pageTit2{text-align:center;margin-bottom:1.1rem} .pageTit2 .en{display:block;font-size:0.8rem;color:#d8d8d8;line-height:0.6rem;font-family:'Tunga',Arial,Helvetica,sans-serif;margin-bottom:0;letter-spacing:-2px;} .pageTit2 .cn{display:block;font-size:0.4rem;color:#002d4b;line-height:0.46rem;} .pageTit2.pos{max-width:4rem;position:absolute;left:5.416666666666667%;top:-0.34rem;text-align:left;} .pageTit2.pos .en{margin-bottom:0.25rem;} /*@media screen and (max-width: 1220px) { .pageTit2{margin-bottom:90px;} .pageTit2 .en{font-size:60px;line-height:40px;} .pageTit2 .cn{font-size:30px;line-height:36px; } }*/ @media screen and (max-width: 1024px) { .bigimg{ padding:20% 0;} .bigimg img{max-width: none;height: 100%;} .pageTit2{margin-bottom:70px;} .pageTit2 .en{font-size:50px;line-height:40px;} .pageTit2 .cn{font-size:28px;line-height:30px; } .pageAdvBox .wz .wzB{padding-top:120px;padding-bottom:70px; } } @media screen and (max-width: 768px) { .bigimg{ padding:25% 0;} .pageTit2{margin-bottom:50px;} .pageTit2.pos{ position: relative; left:0%; top:50px;} .pageTit2.pos .en{margin-bottom:0px;} .pageTit2 .en{font-size:40px;line-height:40px;} .pageTit2 .cn{font-size:26px;line-height:30px; } .pageAdvBox .wz{ padding-left:0;font-size:14px;line-height:26px;} .pageAdvBox .wz .wzB{padding-top:30px;padding-bottom:50px; } } @media screen and (max-width: 751px) { .pageTit2 .en{font-size:30px;line-height:30px;} .pageTit2 .cn{font-size:24px;line-height:30px; } } /*pageAdvList2*/ .pageAdvList2{padding-top:1.3rem;padding-bottom:0.95rem;max-width:12.9rem;width:94%;margin:0 auto;position:relative;} .pageAdvList2 table td{width:33.333333%;padding:0 4%;text-align:center;font-size:0.18rem;font-size:clamp(12px, 0.18rem, 24px);line-height:0.34rem;color:#002d4b;letter-spacing:-1px;padding-top:0.75rem;padding-bottom:0.6rem;vertical-align:top;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;} .pageAdvList2 table td img{width:0.75rem;margin-bottom:0.6rem;} .pageAdvList2 table td h1{display:block;font-size:0.32rem;color:#002d4b;line-height:0.46rem;font-family:'思源黑体 CN','SourceHanSansCN-Regular',-apple-system,BlinkMacSystemFont,"PingFang SC",PingHei,STHeitiSC-Light,"Myriad Set Pro","Lucida Grande","Helvetica Neue",Helvetica,"microsoft yahei",SimHei,tahoma,Arial,"PingFangSC-Regular",Verdana,sans-serif;font-weight:400;letter-spacing:-1px;margin-bottom:0.13rem;} .pageAdvList2 table td:hover{background:#f7f7f7;box-shadow:0.05rem 0px 0.21rem rgba(0,0,0,0.1);} /*@media screen and (max-width: 1520px) { .pageAdvList2{ padding-top:120px;padding-bottom:85px} .pageAdvList2 table td h1{font-size:30px; line-height:32px;} } @media screen and (max-width: 1320px) { .pageAdvList2{ padding-top:100px;padding-bottom:75px} .pageAdvList2 table td h1{font-size:28px; line-height:30px;} } @media screen and (max-width: 1220px) { .pageAdvList2{ padding-top:90px;padding-bottom:55px} .pageAdvList2 table td h1{font-size:26px;line-height:30px;} .pageAdvList2 table td img{ max-width:70px; margin-bottom:40px;} .pageAdvList2 table td{font-size:16px; line-height:30px;padding-top:65px;padding-bottom:50px;} }*/ @media screen and (max-width: 1024px) { .pageAdvList2{ padding-top:70px;padding-bottom:35px} .pageAdvList2 table td h1{font-size:26px; line-height:30px;} .pageAdvList2 table td{font-size:14px; line-height:28px; padding-top:55px;padding-bottom:40px;} .pageAdvList2 table td img{width:60px; margin-bottom:20px;} } @media screen and (max-width: 992px) { .pageAdvList2 table td h1{font-size:24px; line-height:30px;} .pageAdvList2 table td img{width:50px; margin-bottom:10px;} } @media screen and (max-width: 768px) {.pageAdvList2{ padding-top:50px;padding-bottom:45px} .pageAdvList2 table td h1{font-size:22px; line-height:30px;} .pageAdvList2 table td{ width:100%; display:block!important; padding-top:35px;padding-bottom:30px;} } @media screen and (max-width: 751px) { .pageAdvList2 table td h1{font-size:20px;} } /*pageAdvList3*/ .pageAdvList3{padding-top:1.4rem;padding-bottom:0.8rem;max-width:15.69rem;width:94%;margin:0 auto;position:relative} .pageAdvList3 .Advul{font-size:0} .pageAdvList3 .Advul li{width:33.33333%;display:inline-block;*display:inline;zoom:1;position:relative;z-index:1;vertical-align:top;margin-bottom:0.2rem} .pageAdvList3 .Advul li .item{padding:1.35rem 0.5rem 0.5rem 0.5rem;font-size:0.16rem;font-size:clamp(12px, 0.16rem, 24px);line-height:0.3rem;color:#595959;background:url("../images/adv-qa.jpg") center top no-repeat #fff;background-size:100%;min-height:3.43rem;margin:0 0.13rem;position:relative} .pageAdvList3 .Advul li .item{font-size:0.2rem;font-size:clamp(12px, 0.2rem, 24px);line-height:0.34rem;color:#002d4b;font-family:'思源黑体 CN','SourceHanSansCN-Regular',-apple-system,BlinkMacSystemFont,"PingFang SC",PingHei,STHeitiSC-Light,"Myriad Set Pro","Lucida Grande","Helvetica Neue",Helvetica,"microsoft yahei",SimHei,tahoma,Arial,"PingFangSC-Regular",Verdana,sans-serif;font-weight:300} .pageAdvList3 .Advul li .item .wz{text-align:center;position:absolute;top:50%;right:0.5rem;left:0.5rem;margin:auto auto;-moz-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)} /*@media screen and (max-width: 1520px) { .pageAdvList3{ padding-top:120px;padding-bottom:85px} .pageAdvList3 .Advul li .item{padding:125px 50px 50px 50px;min-height:303px;} } @media screen and (max-width: 1320px) { .pageAdvList3{ padding-top:100px;padding-bottom:75px} .pageAdvList3 .Advul li .item{padding:105px 50px 50px 50px;min-height:293px;} } @media screen and (max-width: 1220px) { .pageAdvList3{ padding-top:90px;padding-bottom:55px} .pageAdvList3 .Advul li .item{font-size:16px;line-height:30px;min-height:253px;padding:85px 30px 30px 30px;} .pageAdvList3 .Advul li .item .wz{ right:30px;left:30px;font-size:14px;line-height:26px} }*/ @media screen and (max-width: 1024px) { .pageAdvList3{padding-top:70px;padding-bottom:40px} .pageAdvList3 .Advul li .item{font-size:16px;line-height:30px;min-height:253px;padding:85px 30px 30px 30px;} .pageAdvList3 .Advul li .item .wz{ right:30px;left:30px;font-size:14px;line-height:26px} } @media screen and (max-width: 992px) { .pageAdvList3 .Advul li .item{font-size:16px;line-height:30px;min-height:200px;padding:35px 30px 30px 30px;} } @media screen and (max-width: 768px) {pageAdvList3{ padding-top:70px;padding-bottom:35px} .pageAdvList3 .Advul{ text-align:center;} .pageAdvList3 .Advul li{width:100%; max-width:490px; margin:0 auto;} .pageAdvList3 .Advul li .item{font-size:16px;line-height:26px;min-height:200px;} .pageAdvList3 .Advul li .item .wz{ font-size:16px;line-height:26px} } /*pageAdv4 advAd*/ .pageAdv4{background:#fff} .pageAdv4 .advAd{padding:14.0625% 0;overflow:hidden;position:relative;background-repeat:no-repeat;background-attachment:fixed;background-size:cover;margin-bottom:-90PX} .pageAdv4 .advAd video{position:absolute;left:0;right:0;top:50%;margin:0 auto;-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);text-align:center;width:100%;object-fit:cover} .pageAdv4 .advAd .wz{position:absolute;left:0;right:0;top:50%;margin:0 auto;-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);color:#fff;max-width:10.5rem;width:90%;text-align:center} .pageAdv4 .advAd .wz p{font-size:0.2rem;font-size:clamp(12px, 0.2rem, 24px);line-height:0.42rem} /*@media screen and (max-width: 1320px) { .pageAdv4 .advAd{margin-bottom:-50PX;} } @media screen and (max-width: 1220px) { .pageAdv4 .advAd{padding:16% 0;margin-bottom:-50PX;} .pageAdv4 .advAd .wz p{font-size:18px;line-height:32px; } }*/ @media screen and (max-width: 1024px) { .pageAdv4 .advAd{padding:15% 0;margin-bottom:-30PX; background-attachment:inherit;} .pageAdv4 .advAd .wz p{font-size:18px;line-height:32px; } .pageAdv4 .advAd .wz{ position:relative;top:0%;-moz-transform:translateY(0%);-webkit-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%);} } @media screen and (max-width: 768px) {.pageAdv4 .advAd{padding:18% 0;} .pageAdv4 .advAd .wz p{font-size:16px;line-height:26px; } } @media screen and (max-width: 751px) { .pageAdv4 .advAd .wz p{font-size:14px;line-height:24px; } } /*pageAdv4 pageAdvList4*/ .pageAdv4{padding-bottom:0.23rem} .pageAdv4 .pageAdvInfo{background:#FFF;position:relative;z-index:2;min-height:4rem;padding:0 8.375%} .pageAdv4 .pageTit2.pos{max-width:4rem;position:absolute;left:8.375%;top:50%;text-align:left;-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)} .pageAdv4 .pageTit2.pos .cn{font-size:0.3rem;line-height:0.4rem} .pageAdv4 .line{width:0.3rem;height:3px;background:#981d34;margin-top:0.35rem} .pageAdvList4{padding-left:50%;padding-top:0.9rem;padding-bottom:0.9rem} .pageAdvList4 .Advul{font-size:0} .pageAdvList4 .Advul li{width:100%;display:inline-block;*display:inline;zoom:1;position:relative;z-index:1;vertical-align:top;margin-bottom:0.16rem} .pageAdvList4 .Advul li .item{padding:0.62rem 0.45rem 0.62rem 0.45rem;background:#f7f7f7;font-size:0.2rem;font-size:clamp(12px, 0.2rem, 24px);line-height:0.36rem;color:#002d4b;font-family:'思源黑体 CN','SourceHanSansCN-Regular',-apple-system,BlinkMacSystemFont,"PingFang SC",PingHei,STHeitiSC-Light,"Myriad Set Pro","Lucida Grande","Helvetica Neue",Helvetica,"microsoft yahei",SimHei,tahoma,Arial,"PingFangSC-Regular",Verdana,sans-serif;font-weight:300;border-radius:0.1rem} .pageAdvList4 .Advul li .item .wz{padding-left:0.56rem;background:url("../images/adv-v.png") left 0.1rem no-repeat;background-size:0.26rem;text-align:left} .pageAdvList4 .Advul li .item,.pageAdvList4 .Advul li .item .wz{-webkit-transition:background 0.3s;-moz-transition:background 0.3s;-o-transition:background 0.3s;-ms-transition:background 0.3s;transition:background 0.3s} .pageAdvList4 .Advul li .item:hover .wz{background-image:url("../images/index-youshi-v.png")} .pageAdvList4 .Advul li .item:hover{background:#981d34;color:#fff} /*@media screen and (max-width: 1320px) { .pageAdv4 .pageTit2.pos .cn{font-size:28px;line-height:36px; } .pageAdvList4 .Advul li .item{padding:52px 45px 52px 45px;} } @media screen and (max-width: 1220px) { .pageAdv4 .pageAdvInfo{padding:0 4%;} .pageAdv4 .pageTit2.pos{left:4%;} .pageAdv4 .pageTit2.pos .cn{font-size:26px;line-height:32px; } .pageAdvList4{padding-top:70px;padding-bottom:70px;} .pageAdvList4 .Advul li .item{padding:45px 45px 45px 45px;} }*/ @media screen and (max-width: 1024px) { .pageAdv4{ padding-bottom:0;} .pageAdv4 .pageAdvInfo{padding:0 4%;} .pageAdv4 .pageTit2.pos{left:4%;} .pageAdv4 .pageTit2.pos .cn{font-size:24px;line-height:30px;} .pageAdvList4{padding-top:50px;padding-bottom:50px;} .pageAdvList4 .Advul li .item{padding:40px 30px;font-size:18px;line-height:30px;} .pageAdvList4 .Advul li .item .wz{ padding-left:40px;background-size:20px;} } @media screen and (max-width: 992px) { .pageAdv4 .pageTit2.pos{max-width:400px; position: relative; left:0; top:50px;-moz-transform: translateY(0);-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);} .pageAdv4 .pageTit2.pos .cn{font-size:30px;line-height:40px; } .pageAdvList4{padding-left:0; padding-top:40px;padding-bottom:30px;} .pageAdvList4 .Advul li .item .wz{ padding-left:40px;background-size:20px;} } @media screen and (max-width: 768px) { .pageAdvList4 .Advul li .item{font-size:16px;line-height:30px; } } /*pageAdv5 advAd*/ .pageAdv5{ position:relative; background:#f5f5f5; background-size:100%; overflow:hidden;} .pageAdv5 .advAd{padding:14.0625% 0; overflow:hidden; position: absolute; left:0;top:0;right:0; background-repeat:no-repeat; background-attachment:fixed; background-size:cover; z-index:2;} .pageAdv5 .advAd video{position:absolute;left:0;right:0;top:50%;margin:0 auto;-moz-transform: translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);text-align:center; width:100%;object-fit: cover;} .pageAdv5 .advAd .wz{position:absolute;left:0;right:0;top:50%;margin:0 auto;-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);color:#fff;max-width:1050px;width:90%;text-align:center;} .pageAdv5 .advAd .wz p{font-size:0.2rem;font-size:clamp(12px, 0.2rem, 24px);line-height:0.42rem;} @media screen and (max-width: 992px) { .pageAdv5 .advAd{padding:28.125% 0;} } /*pageAdvList5*/ .pageAdvList5{padding-top:1.8rem;max-width:16rem;width:90%;margin:0 auto;position:relative;z-index:3} .pageAdvList5 .pageAdvList5B{background:#fff;padding-top:0.6rem;padding-bottom:0.6rem} .pageAdvList5 .Advul{font-size:0;position:relative} .pageAdvList5 .Advul:before{content:'';position:absolute;left:50%;top:0;width:1px;height:100%;background:#e9e9e9} .pageAdvList5 .Advul:after{content:'';position:absolute;left:50%;bottom:0;width:0.1rem;height:0.1rem;margin-left:-0.05rem;background:#e9e9e9;border-radius:50%} .pageAdvList5 .Advul td{width:50%;position:relative;z-index:1;vertical-align:top} .pageAdvList5 .Advul td.item{padding:0.54rem 0.45rem 0.75rem 0.45rem;font-size:12px;font-size:0.15rem;font-size:clamp(12px, 0.15rem, 24px);line-height:0.34rem;color:#002d4b;position:relative} .pageAdvList5 .Advul td.item:after{content:'';position:absolute;left:0;right:0;bottom:0;margin:0 auto;width:0.37rem;height:0.05rem;background:#981d34} .pageAdvList5 .Advul td.item .wz{max-width:4.8rem;width:90%;margin:0 auto;text-align:left} .pageAdvList5 .Advul td.item h1{display:block;font-size:0.4rem;color:#002d4b;line-height:0.44rem;font-family:'思源黑体 CN','SourceHanSansCN-Regular',-apple-system,BlinkMacSystemFont,"PingFang SC",PingHei,STHeitiSC-Light,"Myriad Set Pro","Lucida Grande","Helvetica Neue",Helvetica,"microsoft yahei",SimHei,tahoma,Arial,"PingFangSC-Regular",Verdana,sans-serif;font-weight:500;letter-spacing:-1px;max-width:3rem;margin:0 auto;margin-bottom:0.45rem;text-align:center} /*@media screen and (max-width: 1520px) { .pageAdvList5 .Advul td.item h1{font-size:36px;line-height:40px;} } @media screen and (max-width: 1320px) { .pageAdvList5 .Advul td.item h1{font-size:34px;line-height:38px;} } @media screen and (max-width: 1220px) { .pageAdvList5 .Advul td.item h1{font-size:30px;line-height:32px;} }*/ @media screen and (max-width: 1024px) { .pageAdvList5 .Advul td.item h1{font-size:28px;line-height:30px;} .pageAdvList5 .Advul td.item{padding:50px 40px 50px 40px;font-size:14px;line-height:30px;} } @media screen and (max-width: 992px) { .pageAdvList5 .Advul td.item h1{font-size:26px;} } @media screen and (max-width: 768px) { .pageAdvList5 .pageAdvList5B{background:transparent;padding-top:0px; padding-bottom:0px;} .pageAdvList5 .Advul td.item h1{font-size:24px;margin-bottom:30px;} .pageAdvList5 .Advul td{width:100%!important; display:block!important; margin-bottom:20px;} .pageAdvList5 .Advul td.item{padding:50px 0 80px 0; background:#fff;} .pageAdvList5 .Advul td.item:after{ bottom:30px;width:27px; height:3px;} .pageAdvList5 .Advul:before, .pageAdvList5 .Advul:after{ display:none;} } @media screen and (max-width: 751px) { .pageAdvList5 .Advul td.item h1{font-size:22px;} } /*pageAdv5 advbest*/ .pageAdv5 .advbest{position:relative;z-index:3;padding-top:1.05rem;padding-bottom:0.95rem} .pageAdv5 .advbest .wz{text-align:center;max-width:5.5rem;width:90%;margin:0 auto} .pageAdv5 .advbest .wz p{font-size:0.16rem;font-size:clamp(12px, 0.16rem, 24px);color:#002d4b;line-height:0.3rem} .pageAdv5 .advbest .wz h1{text-transform:uppercase;display:block;font-size:0.82rem;color:#981d34;font-weight:bold;line-height:0.64rem;font-family:'Tunga',Arial,Helvetica,sans-serif;letter-spacing:-2px;margin-top:0.55rem;margin-bottom:0.25rem} .pageAdv5 .advbg{position:absolute;padding:39.47916666666667% 0;left:0;bottom:0;right:0;background:url("../images/adv-foryoubg.jpg") center bottom no-repeat;background-size:100%;z-index:1;/*transition:2.5s;animation:cloudMove 30s linear infinite 0.6s;width:120%;*/} /*@keyframes cloudMove{0%{transform:translate(0);-webkit-transform:translate(0)}100%{transform:translate(-25%);-webkit-transform:translate(-25%)}}*/ /*@media screen and (max-width: 1220px) { .pageAdv5 .advbest .wz p{font-size:16px;line-height:30px; } .pageAdv5 .advbest .wz h1{ font-size:62px;line-height:58px;margin-top:50px;margin-bottom:20px;} } @media screen and (max-width: 1150px) { .pageAdv5 .advbest .wz h1{ font-size:52px;line-height:52px;margin-top:40px;margin-bottom:10px;} }*/ @media screen and (max-width: 1024px) { .pageAdv5 .advbest .wz p{font-size:14px;line-height:26px; } .pageAdv5 .advbest .wz h1{ font-size:42px;line-height:42px;margin-top:30px;margin-bottom:10px;} } @media screen and (max-width: 992px) { .pageAdv5 .advbest .wz h1{ font-size:36px;line-height:36px;margin-top:20px;margin-bottom:10px;} } @media screen and (max-width: 768px) { .pageAdv5 .advbest .wz h1{ font-size:32px;line-height:32px;margin-top:20px;margin-bottom:5px;} .pageAdv5 .advbest{padding-top:55px; padding-bottom:95px;} }