@charset "UTF-8";
@import url("product.css");
@font-face{
    font-family: 'Oswald-Bold';
    src:url("fonts/Oswald/Bold.woff") format('woff');
}
@font-face{
    font-family: 'Oswald-Light';
    src:url("fonts/Oswald/Light.ttf") format('truetype');
}
@font-face{
    font-family: 'FZSKJW';
    src:url("fonts/FZSKJW--GB1-0.TTF") format("truetype");;
}
@font-face{
    font-family: 'syht-Bold';
    src:url("fonts/Bold.woff") format("woff");;
}
@font-face{
    font-family: 'Poppins-SemiBold';
    src:url("fonts/Poppins-SemiBold.ttf") format('truetype');
}
@font-face{
    font-family: 'Poppins-Regular';
    src:url("fonts/Poppins-Regular.ttf") format('truetype');
}
*,::after,::before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,html,iframe,img,ins,kbd,label,legend,li,object,ol,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{margin:0;padding:0;border:0;-webkit-tap-highlight-color:transparent}
body,html{color:#333}
html{-webkit-text-size-adjust:100%;font-size:13.3334vw;}
body{user-select:none;overflow-x:hidden;line-height: 1}
body,input,pre,select,td,textarea{font-family:-apple-system,BlinkMacSystemFont,"Microsoft YaHei UI","Microsoft YaHei",Arial,sans-serif;font-size: 0.24rem;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;padding:0;margin:0}
input,textarea{margin:0;padding:0;outline:0;-webkit-appearance:none;border-radius:0}
select{border:solid 1px #eee;appearance:none;-moz-appearance:none;-webkit-appearance:none;background:url(../images/select.gif) no-repeat scroll right 10px center transparent;padding-right:20px}
select::-ms-expand{display:none}
a,a:active{color:#333;}
a:hover{color:#0153b2}
a,a:active,a:hover,a:link,a:visited{text-decoration:none;-webkit-tap-highlight-color:transparent}
:focus,a:focus{outline:0;-moz-outline:none}
table,td,th{border-collapse:collapse;border-spacing:0}
.ul,.ul li{list-style:none}
img{border:none;max-width:100%;vertical-align:middle}
.Ispic{background-repeat:no-repeat;background-position:center center;background-size:cover}
pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;margin:0;text-align:justify;text-justify:inter-ideograph}
.clear{clear:both;height:0;font-size:0;line-height:0;overflow:hidden;zoom:0}
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden}
.clearfix{zoom:1}
.dot{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.dot2,.dot3,.dot4{display:-webkit-box;display:box;overflow:hidden;text-overflow:ellipsis;word-break:break-word;-webkit-box-orient:vertical}
.dot2{-webkit-line-clamp:2}
.dot3{-webkit-line-clamp:3}
.dot4{-webkit-line-clamp:4}
.none{display:none}
.hidden{visibility:hidden}
.fl{float:left}
.fr{float:right}
.auto-inner{padding: 0 0.62rem;}
.pr{position:relative}
.nm{margin:0}
.nfw{font-weight:normal}
.img-block{display:block;width:100%}
/*STAR*/

header{position: fixed;left: 0; padding: 0.3rem 0.4rem; width: 100%; display: flex; justify-content: space-between;z-index: 100;}
header .logo{width: 1.4rem; position: relative;z-index: 300;}
header .logo.hide{transform: translateX(-2rem);}
header .logo aside{position: absolute; left: 0; top: 0; opacity: 0;}
.menu-show header .logo > img{opacity: 0;}
.menu-show header .logo aside{opacity: 1;}
.menu-show header .logo.hide{transform: translateX(0);}
header .logo img{height: 0.52rem;width: 100%;}
header .right-btn{ position: relative;z-index: 300;display: flex;align-items: center;}
header .right-btn a{color: #fff;/*font-family: 'Oswald-Light';*/ font-size: 0.32rem;}
.top-lang{display: none;}
.menu-show header .right-btn a{color: #0153b2;}
header .open-btn{width: 0.55rem;height: 0.31rem;position: relative;display: flex;flex-wrap: wrap; align-content: space-between;margin-left: 0.9rem;}
header .open-btn i{display: block; height: 2px;background: #fff; width: 100%;}
.menu-show header .open-btn i{background: #0153b2;}
.menu-show header .open-btn i:nth-child(2){opacity: 0;}
.menu-show header .open-btn i:nth-child(1),
.menu-show header .open-btn i:nth-child(3){position: absolute; left: 0; top: 50%;margin-top: -0.015rem; transform: rotate(-45deg);}
.menu-show header .open-btn i:nth-child(1){transform: rotate(45deg);}

.top-menu{position: fixed; left: 0; top: 100%; opacity: 0; width:100%; z-index: -1;background: url("../images/menubg.jpg") no-repeat center top; height: 100%;padding: 1.71rem 0.62rem 0; transition: 0.5s ease-in-out;}
.menu-show{overflow: hidden;}
.menu-show .top-menu{opacity: 1;top: 0;}
.menu-show .top-menu-no{opacity: 0;top: 100%;}
.top-menu nav{position: absolute; left: 0.62rem; right: 0.62rem; bottom: 1.12rem;display: flex;justify-content: space-between;align-items: center;}
.top-menu nav a{display: block; padding: 0 0.36rem;}
.top-menu nav a:before{display: block; margin: 0 auto; content: ''; width: 0.5rem;height: 0.5rem;background-position: center center;background-repeat: no-repeat;background-size: contain;}
.top-menu nav a.find-pd:before{background-image: url("../images/find.svg");}
.top-menu nav a.find-store:before{background-image: url("../images/store.svg");}
.top-menu nav a.online-ask:before{background-image: url("../images/online.svg");}
.top-menu nav a aside{font-size: 0.2rem; padding-top: 0.3rem;}
.top-menu menu{overflow: auto; height: calc(100vh - 1.71rem - 2.5rem);}
.top-menu menu li{padding: 0.5rem 0;}
.top-menu menu li aside{font-size: 0.34rem;}
.top-menu menu li aside a:hover{color: #0153b2;}
.top-menu menu li aside .en{font-family: 'Oswald-Light';opacity: 0.15; margin-left: 0.2rem;}
.top-menu menu li.has-sub aside{position: relative;}
.top-menu menu li.has-sub aside:before{position: absolute; left: 0; top: 0; width: 100%; z-index: 10; content: ''; height: 100%;}

.sub-menu{position: fixed; left: 100%; top: 0;width:100%; z-index: -1;background: url("../images/menubg.jpg") no-repeat center top; height: 100%;padding-top: 1.1rem; transition:left 0.3s;}
.sub-menu.show{left: 0;}
.sub-menu .back{border-top: 1px solid #ededed;border-bottom: 1px solid #ededed;line-height: 1.1rem;display: flex;font-size: 0.32rem; margin-bottom: 0.4rem;}
.sub-menu .back .icon{width: 1.1rem;border-right: 1px solid #ededed;background: url("../images/back.svg") no-repeat center center; background-size: auto 0.27rem; margin-right: 0.6rem;}
.sub-menu .sub dl{overflow: auto; height: calc(100vh - 2.6rem); padding: 0 0.4rem;}
.sub-menu .sub dl > *{line-height: 1.2rem; padding-right: 0.2rem;}
.sub-menu .sub dl > * a{display: block;padding-right: 0.2rem;background: url(../images/top-sub-a.svg) no-repeat right center;background-size: auto 0.25rem;font-size: 0.3rem;}
.sub-menu .sub dl .en{font-size: 0.24rem;font-family: 'Oswald-Light'; margin-left: 1em;color: #ddd;text-transform:capitalize;}
.sub-menu .sub dl .more{display: none;}
.sub-menu .sub dd a:hover{color: #0153b2;}

.fixed-box{position: fixed; left: 0; opacity: 0; top: 100%; width: 100%; height: 100%;background: linear-gradient(to bottom,  rgba(208,233,252,1) 0%,rgba(255,241,224,1) 100%);  transform: translateY(100%);}
.fixed-box.fixed-show{transition: 0.5s;opacity: 1;top: 0;transform: translateY(0);z-index: 100;}
.fixed-box .main{display: flex;align-items: center;justify-content: center; width: 100%; height: 100%;}
.fixed-box .inner{width: 5.9rem;}
#areaScrollMask.p-feedback.fixed-show{z-index: 1000;}
.online-feedback.p-feedback.fixed-show{z-index: 999;}
.p-feedback .close{width: 0.55rem;height: 0.31rem;position: absolute;right: 0.4rem; top: 0.3rem;z-index: 30;}
.p-feedback .close:before,
.p-feedback .close:after{height: 2px;background: #0153b2;width: 100%;position: absolute;left: 0;top: 50%;margin-top: -0.015rem;transform: rotate(-45deg); content: '';}
.p-feedback .close:after{transform: rotate(45deg);}

.online-feedback .title{position: relative; margin-bottom: 1.4rem;}
.online-feedback .title .en{text-align: right;color: #0153b2; opacity: 0.03;font-size: 2rem;font-family: 'Oswald-Bold'; text-transform: uppercase; line-height: 0.86;}
.online-feedback .title .cn{position: absolute; left: 0; bottom: 0; font-size: 0.6rem;}
.online-feedback li{border-bottom: 1px dashed #c9c6c0;position: relative;margin-bottom: 0.52rem;padding-left: 0.7rem; margin-right: 0.58rem;}
.online-feedback li.info-text-show{display: none;}
.online-feedback li:after{width: 0.58rem;height: 0.67rem; content: '';position: absolute; left: 100%; top: 0;background: url("../images/line.png") no-repeat center bottom; background-size: contain;}
.online-feedback li label{color: #333;position: absolute; left: 0; line-height: 0.66rem; top: 0;font-size: 0.3rem;}
.online-feedback .p-name,
.online-feedback .text{width: 100%; height: 0.66rem;line-height: 0.64rem;font-size: 0.3rem;color: #333; border: 0;background: none;}
.online-feedback textarea::placeholder{color: #333; opacity: 0.3; }
.online-feedback input::placeholder {color: #333; }
.online-feedback ol{border: 1px dashed #c9c6c0; border-radius: 0.3rem; padding: 0 0.3rem;}
.online-feedback ol textarea.text{height: auto; display: block;}
.online-feedback .select-location a{background: url("../images/current.png") no-repeat; width: 0.34rem;height: 0.4rem;background-size: contain; right: 0; position: absolute; top: 50%; margin-top: -0.2rem;}
.online-feedback .select-location{padding-right: 0.4rem;}
.online-feedback .btn{padding-top: 1.62rem;}
.online-feedback .btn input{border: 1px dashed #c9c6c0;color: #0153b2;font-size: 0.34rem; height: 0.8rem;background: none;width: 100%; border-radius:0.3rem;}
#getArea{position: absolute; left: 0; top: 0; opacity: 0;}
#areaScrollMask{ z-index: 200; overflow: hidden;}

.SharePage .title{position: relative; margin-bottom: 1.4rem;}
.SharePage .title .en{text-align: right;color: #0153b2; opacity: 0.03;font-size: 2rem;font-family: 'Oswald-Bold'; text-transform: uppercase; line-height: 0.86;white-space: nowrap;}
.SharePage .title .cn{position: absolute; left: 0; bottom: 0; font-size: 0.6rem;}
.SharePage li{border-bottom: 1px dashed #c9c6c0;position: relative;margin-bottom: 0.52rem;padding-left:2.15rem; margin-right: 0.58rem;}
.SharePage li:not(:first-child){padding-left:1.2rem;}
.SharePage li.info-text-show{display: none;}
.SharePage li:after{width: 0.58rem;height: 0.67rem; content: '';position: absolute; left: 100%; top: 0;background: url("../images/line.png") no-repeat center bottom; background-size: contain;}
.SharePage li label{color: #333;position: absolute; left: 0; line-height: 0.66rem; top: 0;font-size: 0.24rem;}
.SharePage .p-name,
.SharePage .text{width: 100%; height: 0.66rem;line-height: 0.64rem;font-size: 0.24rem;color: #000; border: 0;background: none;}
.SharePage .btn{padding-top: 1.62rem;}
.SharePage .btn input{border: 1px dashed #c9c6c0;color: #0153b2;font-size: 0.34rem; height: 0.8rem;background: none;width: 100%; border-radius:0.3rem;}

.NearbyStores .title{position: relative; margin-bottom: 1.4rem;}
.NearbyStores .title .en{text-align: right;color: #0153b2; opacity: 0.03;font-size: 2rem;font-family: 'Oswald-Bold'; text-transform: uppercase; line-height: 0.86;white-space: nowrap;}
.NearbyStores .title .cn{position: absolute; left: 0; bottom: 0; font-size: 0.6rem;}
.NearbyStores .more{text-align: center; margin-top: 1.5rem;}
.NearbyStores .more a{position: relative;display: inline-block; padding-bottom: 0.2rem;}
.NearbyStores .more a:after{position: absolute; content: ''; left: 50%;margin-left: -0.1rem; bottom: -0.1rem;background: url("../images/close-up2.svg") no-repeat center bottom;background-size: contain; width: 0.2rem; height: 0.07rem;animation: iconTop 1.5s linear infinite;}

.NearbyStores li{margin-bottom: 1rem;}
.NearbyStores li .txt{position: relative;}
.NearbyStores li .tit{font-size: 0.3rem;line-height: 1.5;margin-bottom: 0.5em;}
.NearbyStores li .tit span{font-size:.2rem;color:#0153b2;padding-left:.3rem;}
.NearbyStores li .tel{opacity: 0.6;line-height: 2;margin-bottom: 2em;}
.NearbyStores li .call{display: flex;justify-content: space-between;width: 100%;}
.NearbyStores li .call a{padding-left: 0.4rem;display: block;background-position: left center;background-repeat: no-repeat;background-size: auto 0.24rem; }
.NearbyStores li .call a:nth-child(1){background-image: url(../images/tel.svg);}
.NearbyStores li .call a:nth-child(2){background-image: url(../images/location.svg);}


.top-search{background: url("../images/searchbg.jpg") no-repeat right top;background-size: cover;}
.top-search .inner{position: relative;}
.close-search{position: absolute;bottom: 1.71rem;left: 50%; transform: translateX(-50%);padding-bottom: 0.18rem;font-size: 0.18rem;color: #122f4a; }
.close-search:after{position: absolute; content: ''; left: 50%;margin-left: -0.1rem; bottom: -0.1rem;background: url("../images/close-up2.svg") no-repeat center bottom;background-size: contain; width: 0.2rem; height: 0.07rem;animation: iconTop 1.5s linear infinite;}
.top-search .box{position: relative; z-index: 10;border-bottom: 0.01rem solid rgba(18,47,74,0.1);}
.top-search .box .text{background: none;border: 0; line-height: 0.91rem;height: 0.91rem;width: 100%;font-size: 0.3rem;color: #122f4a;}
.top-search .box .btn{width: 0.92rem; height: 100%;position: absolute;right: 0;background: url("../images/btn-search.svg") no-repeat right center;background-size: auto 0.32rem;}
@-webkit-keyframes iconTop {
  0% {
    transform: translateY(0); }
  50% {
    transform: translateY(-0.1rem); }
  100% {
    transform: translateY(0); } 
}

.keyword{position: absolute; left: 0; width: 100%; top: 50%; transform: translateY(-50%); /* max-height: 6.44rem; */}
.keyword .swiper-container{height: 6.44rem;}
.keyword .swiper-slide{line-height: 0.92rem;height: 0.92rem; font-size: 0.26rem; opacity: 0.1;}
.keyword .swiper-slide-active{opacity: 0;}
.keyword .swiper-slide-prev,
.keyword .swiper-slide-next{opacity: 0.4;}
.keyword .swiper-slide.opacity2{opacity: 0.2}

footer{font-size: 0.26rem; background-color: #0153b2;padding: 0.7rem 0 0.58rem 0;}
footer nav a{color: rgba(255,255,255,0.3);}
footer nav a:not(:last-child):after{display: inline-block; content: ''; vertical-align: middle;width: 0.02rem;height: 0.25rem;background-color: rgba(255,255,255,0.2); margin: 0 0.3rem;}
footer .copyright{font-size: 0.24rem;line-height: 1.923;color: rgba(255,255,255,0.7);margin-bottom: 0.5rem;}
footer .copyright a{color: rgba(255,255,255,0.7);}
footer .search{display: flex;align-items: center;justify-content: space-between;margin-bottom: 0.7rem;}
footer .search dl{width: 2.9rem;}
footer .search dt{color: #fff; font-size: 0.3rem;font-weight: 700; margin-bottom: 1.066em;}
footer .search dd{position: relative; border-bottom: 0.01rem solid rgba(255,255,255,0.2);}
footer .search dd .text{width: 100%; height: 0.71rem; line-height: 0.71em;background: none;border: 0;color: rgba(255,255,255,0.4);padding-right: .3rem;}
footer .search dd .btn{position: absolute;right: 0; top: 0; height: 100%; width: 0.25rem;background: url("../images/btn-search2.svg") no-repeat center center;background-size: auto 0.18rem;}

.Home{background-color: #d0e9fc; overflow: hidden; transition: background 0.5s;}
.home-ban{position: relative;z-index: 3;overflow: hidden;}
.home-ban .controls{position: absolute;left: 0.62rem;right: 0.62rem;display: flex; align-items: center;justify-content: space-between;z-index: 10;bottom: 0;}
.home-ban .ban-pages{width: 3.75rem; display: flex; align-items: center;}
.home-ban .ban-pages span{height: 0.02rem;width: 1rem; background: #fff; display: block;opacity: 0.3;}
.home-ban .ban-pages span.active{opacity: 1;height: 0.04rem;}
.home-ban .ban-btn{width: 1.4rem;display: flex;}
.home-ban .ban-btn a{width: 50%; height: 0.7rem;position: relative;background:url("../images/ban-prev.svg") no-repeat center  center #0153b2; background-size: auto 0.26rem;display: block;}
.home-ban .ban-btn a.next{background-image: url("../images/ban-next.svg");}
.home-ban .swiper-slide{overflow: hidden;}
.home-ban .swiper-slide a.link{position: absolute; z-index: 50;left:0;width: 100%; height: 100%;top: 0;background-color: #fff; opacity: 0;}

.home-ban .swiper-container,
.home-ban{height: 100vh;}
.home-ban .img{width: auto; height: 100vh;max-width: none;position: absolute;left: 50%;transform: translateX(-50%);top: 0; z-index: -1;}

.ban-css-1 > *:not(img){position: absolute;}
.ban-css-1 .mark{position: absolute;background-position: left top;background-size: 110% 100%; left: 0; top: 0; width: 100%; height: 100%; z-index: 3; transition: 2s 0.2s;}
.ban-css-1 .text{z-index: 4; width: 4.3rem; height: 2.51rem; top: 1.96rem; left: 0.74rem;opacity: 0; transform: scaleX(0);transition: 2s 0.2s;}
.ban-css-1 .pd{width: 3.52rem;height: 4.74rem; left: 0.56rem; top: 7.59rem; z-index: 4;}
.ban-css-1 .pd img{transform: scale(0);transition: 2s 0.2s;}
.ban-css-1 .pd aside{position: absolute; left: 0; top: 3.32rem; width: 100%; text-align: center;color: #fff;transition: 2s 0.2s; opacity: 0;}
.ban-css-1 .pd aside span{display: inline-block;color: #fff; font-size: 0.26rem; border: 0.02rem solid #fff; border-radius: 2.153em;line-height: 2.153; padding: 0 0.36rem;letter-spacing: 0.2em;}
.ban-css-1 .pd aside i{font-style: normal;}
.ban-css-1 .rw{right:0; top: 1.08rem;width: 6.63rem;z-index: 1;transform: translateY(50px);transition: 2s 0.2s;}

.ban-css-1.swiper-slide-active .mark{transform: scale(1.2);}
.ban-css-1.swiper-slide-active .rw{transform: translateY(0);}
.ban-css-1.swiper-slide-active .text{opacity: 1; transform: scaleX(1);}
.ban-css-1.swiper-slide-active .pd img{transform: scale(1);}
.ban-css-1.swiper-slide-active .pd aside{opacity: 1;}

.ban-css-2 .text{position: absolute; left: 50%;transform: translateX(-50%);top: 2.6rem; text-align: center;width: 6.21rem; z-index: 10;}
.ban-css-2 .text .t-2 img{width: 2.47rem;}
.ban-css-2 .text .t-2{margin-top: -0.25rem;}
.ban-css-2 .text .t-3{padding-top: 0.32rem; font-size: 0.4rem;font-weight: 100;color: #fff;display: flex;align-items: center;justify-content: center;}
.ban-css-2 .text .t-3 .x{width: 0.25rem;height: 0.25rem;background: url("../images/x.svg") no-repeat center center;background-size: contain; margin: 0 0.23rem;display: block;}
.ban-css-2 .img{filter: blur(1px);transition: 1s 0.5s;}
.ban-css-2.swiper-slide-active .img{filter: blur(0); }

.ban-css-3 > *:not(img){position: absolute;}
.ban-css-3 .nan{right: 0.21rem;top: 3.47rem;}
.ban-css-3 .nan img{width: 2.28rem;}
.ban-css-3 .nv{bottom: 1.15rem;left: 0.56rem;}
.ban-css-3 .nv img{width: 6.54rem;}
.ban-css-3 .pd{right: 0; bottom:1.52rem;}
.ban-css-3 .pd img{width: 2.67rem;}
.ban-css-3 .text{left: 0.61rem;top: 2.5rem;z-index: 4;}
.ban-css-3 .text img{width: 4.62rem;}
.ban-css-3 .ul li{position: absolute;border-radius: 50%; background: #ffd43d;}
.ban-css-3 .ul li.quan-1{width: 0.65rem;height: 0.65rem; top: 2.32rem; left: 0.48rem;}
.ban-css-3 .ul li.quan-2{width:1.44rem;height: 1.44rem; opacity: 0.3; left: 3.37rem; top: 4rem;}
.ban-css-3 .ul li.quan-3{background: #2b4eb3;opacity: 0.12; width: 14.34rem; height: 14.34rem; left: 0; top: -11.77rem; }

.Home .page{height: 13.34rem;position: relative; z-index: 1;}

.home-txt .title{font-family: 'FZSKJW';font-size: 0.6rem; line-height: 1.2; margin-bottom: 0.6em;}
.home-txt .sub-title{line-height: 1.666;}

.all-tit{color: #feffff; }
.all-tit:before{margin-right: 0.12rem;background: url("../images/tit-icon.svg") no-repeat; width: 0.1rem; height: 0.16rem; display: inline-block; background-size: contain; content: '';display: inline-block; vertical-align: middle;}

.center-txt{position: absolute;z-index: 20;mix-blend-mode: difference;}
.center-txt figure{font-family: 'Oswald-Bold'; font-size: 1rem; text-transform: uppercase;transform: scaleX(0.745);}

.home-iframe{height: calc(100vh - 1.24rem);}

.fashion .home-txt{position: absolute; top: 2rem;left: 0.63rem; z-index: 4;mix-blend-mode:color-burn;}
.fashion .label{position: absolute;right: 0.62rem;background: #e2f3fd; top: 0; z-index: 1;color: #d0e9fc;font-family: 'syht-Bold'; padding: 1rem 0.41rem 0.26rem 0;font-size: 1.7rem;writing-mode: vertical-lr; line-height: 0.85;width: 1.88rem; overflow: hidden;}
.fashion .entrance{position: absolute; bottom: 0;left: 0; width: 100%; }
.fashion .entrance .center-txt{padding-right:0.1rem; left: 0;width: 100%; text-align: right;top:2.4rem;}
.fashion .entrance .center-txt figure{color: #0153b2; transform-origin: right;}
.fashion .entrance ul{display: flex;justify-content: space-between;}
.fashion .entrance li{width: 3.12rem;}
.fashion .entrance li:nth-child(2){padding-top: 3.24rem;}
.fashion .entrance li .inner{display: block;position: relative;}
.fashion .entrance li .tit{position: absolute; left: 0; bottom: 0.65rem;width: 100%;z-index: 10;background-position: center center; background-repeat: no-repeat;background-size: contain; height: 1.37rem;}
.fashion .entrance li .tit-wy{background-image: url(../images/tit-wy.png);}
.fashion .entrance li .tit-cz{background-image: url(../images/tit-cz.png);}
/* .fashion .entrance li .all-tit{font-size: 0.2rem; position: absolute; left: 0; bottom: 0;width: 100%;z-index: 10;padding: 0.5rem 0.2rem 0.2rem;background: linear-gradient(2deg, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%);} */

.new-prod{padding-top: 0.62rem; margin-bottom:2rem;}
.new-prod .home-txt{position: absolute;top: 50%; padding-left:0.62rem; left: 0; transform: translateY(-50%);z-index: 30; mix-blend-mode: difference; transition: 0.3s;}
.new-prod .home-txt.hide{transform: translateY(-100px); opacity: 0;}
.new-prod .big-word{color: #4eb8c4;z-index: 2;mix-blend-mode: difference; }
.new-prod .big-word .center-txt figure{transform-origin: 0 0;}
.new-prod .big-word .center-txt:nth-child(1){top: 4.52rem; left: 5.7rem;}

.recommend:before{position: absolute; content: '';background-color: #f1d5b7; left: 0; top: 0.9rem;width: 1.25rem;height: 2.22rem; z-index: -1;}
.recommend .center-txt{left: 0.62rem;top:0;color: #ffcd1f;font-family: 'Oswald-Bold'; font-size: 1.4rem;mix-blend-mode:lighten;}
.recommend .center-txt figure{transform: scaleX(0.85);transform-origin: 0 0;}
.recommend .home-txt{top: 5rem;left: 0.62rem; position: absolute;z-index: 10;transition: 0.3s;}
.recommend .home-txt.hide{transform: translateY(-100px); opacity: 0;}

.imgScroll{position: absolute;left: 0; top: 0; width: 100%; height: 100vh;overflow: hidden;}
.imgScroll .list{position: absolute;will-change: transform;/*display: flex;justify-content: center;align-items: center;*/}
.imgScroll .list a{position: absolute;left: 0; top: 0; width: 100%; height: 100%;z-index: 20;}
.imgScroll .list .pic{/*position: relative; max-width: 100%;*/}
.imgScroll .list .pic img{/*max-height: 100%; */max-width: 100%;}
.imgScroll .pic .all-tit{display: none;}

.imgScroll .list[rel="list-1"]{width: 3.2rem; left: 0.62rem; top: 1.3rem;}
.imgScroll .list[rel="list-2"]{width: 6.2rem; left: 0.62rem; top: 8.48rem;}
.imgScroll .list[rel="list-3"]{width: 3.2rem; left: 0.62rem; top: 2rem;display: none;}
.imgScroll .list[rel="list-1"].list3{left: 0;}
.imgScroll .list[rel="list-2"].list3{left: 0;}
.imgScroll .list[rel="list-3"].list3{left: 0;display: block;}

.imgScroll .list[rel="list-4"]{width: 4.5rem; left:0; top: 1rem;}
.imgScroll .list[rel="list-5"]{width: 4.5rem; left:0; top: 9.47rem;}
.imgScroll .list[rel="list-6"]{width: 4rem; left:0; top: 4rem;}

.imgScroll .list[rel="list-7"]{width: 6.2rem; left:0; top: 1rem;}
.imgScroll .list[rel="list-8"]{width: 3.45rem; left:0; top: 7.57rem;}
.imgScroll .list[rel="list-9"]{width: 4.5rem; left:0; top: 4.7rem;}

.imgScroll .list[rel="list-10"]{width: 4.5rem; left:0; top: 1rem;}
.imgScroll .list[rel="list-11"]{width: 5rem; left:0; top: 7.2rem;}

.customize{padding-top: 0.82rem; margin-bottom: 1rem;}
.customize:before{position: absolute; content: '';background-color: #f9d4d4; right: 0; top: 6.53rem;width: 2.31rem;height: 2.52rem; z-index: -1;}
.customize .pic{position: relative;width: 6.26rem;}
/* .customize .pic .all-tit{position: absolute; z-index: 3; left: 0;bottom: 0;padding: 0.2rem;display:none;} */
.customize .pic .tit-dz{position: absolute;left: 0.02rem;top: 1rem;background: url("../images/tit-dz.png") no-repeat center center; width: 2.59rem; height: 1.38rem; z-index: 4; background-size: contain;}
.customize .home-txt{padding-left: 0.62rem; margin-top: 1rem; margin-bottom: 1.6rem;}
.customize .en-title{z-index: 10; position: absolute;right:0; top:7rem; overflow: hidden;color: #ff9f9f;font-family: 'Oswald-Bold'; font-size: 1rem; text-transform: uppercase;transform-origin: right 0;transform: scaleX(0.85);transition: 0.5s;}
.customize-change .en-title{mix-blend-mode: difference; }
.customize .video{margin: 0 0.62rem 0 0.62rem; position: relative;}
.customize .video .icon{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);content: ''; width: 0.88rem; height: 0.88rem;background: url("../images/play.svg") no-repeat center center #fff;background-size: auto 0.26rem; border-radius: 50%; z-index: 4;}
.customize .video .open{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 5;}

.video-box{ position:fixed;display: flex;align-items: center;justify-content: center; top:0; left:0; width:100%; height:100%; z-index:200; background:rgba(0,0,0,0.85);}
.video-box .close{ cursor:pointer; width:0.88rem; height:0.88rem; position:fixed; z-index:4; right:0.2rem; top:0.2rem; background: #fff; border-radius: 50%;}
.video-box .close::before,
.video-box .close::after{ position:absolute; content:''; width:40%; left:30%; height:0.05rem; top:50%; margin-top:-0.025rem; background:#333; transform:rotate(-45deg);}
.video-box .close::before{ transform:rotate(45deg);}
.video-box .main{width:90%;max-width:900px;}
.video-box video{width: 100%;display: block;}


.Home .activity{height:9.77rem;}
.activity .home-txt{padding-top: 0;padding-left: 0.62rem;}
.activity .en-title{left: 4rem;position: absolute; top:0; color: #bbb6e0;font-family: 'Oswald-Bold'; font-size: 1rem; text-transform: uppercase;transform-origin: 0 0;transform: scaleX(0.85); z-index: 10;}
.activity .prod-group .list{position: absolute;}
.activity .prod-group .list a{position: absolute;left: 0;z-index: 30;top:0;width: 100%; height: 100%;}
.activity .list .all-tit{position: absolute;left: 0;bottom: 0;z-index: 10;padding: 0.2rem;display:none;}
.activity .list-1{bottom: 1rem; left: 0.62rem;width: 3.76rem; height: 5.5rem;}
.activity .list-2{left: 5rem; top: 2.52rem; width: 2.5rem;height: 3.99rem;}

.channel-ban{position: relative;z-index: 1;overflow: hidden;}
.channel-ban .rw,
.channel-ban .column-name,
.channel-ban .wave{position: absolute; z-index: 6;}
.channel-ban .wave{z-index: 5;left:0;width: 100%;bottom: -1px; }
.channel-ban .wave img{animation:wave 2s infinite cubic-bezier(0.6, -0.28, 0.74, 0.05) both alternate;}
.channel-ban .rw{z-index: 3;right: 0;top: 1.86rem;width: 2.86rem; animation:rw 10s infinite cubic-bezier(.55,.5,.45,.5) both alternate;}
.channel-ban .rw img{height: 5.07rem;}
.channel-ban .column-name{color: #fff;left: 0.62rem; bottom: 0.8rem;}
.channel-ban .column-name .cn{font-weight: bold;font-size: 0.5rem;letter-spacing: 0.05rem;}
.channel-ban .column-name .en{font-family: 'Oswald-Light';font-size: .65rem;opacity: 0.1; /*margin-top: -0.4rem;*/z-index: -1;}
@keyframes rw{
	0%{transform: rotate(0) translateX(0);}
	100%{transform: rotate(-5deg) translateX(15px);}
}
@keyframes wave{
	0%{transform: skew(0) rotate(-3deg) scale(1.2);}
	100%{transform: skew(15deg) rotate(0) scale(1.5);}
}

.channel-ban-cid2 .rw{width: 5.33rem;height: 7rem; top: 1.36rem;animation:tiao 5s infinite cubic-bezier(0.6, -0.28, 0.74, 0.05) alternate;}
@keyframes tiao{
	0%{transform: translateY(-10px);}
	100%{transform:translateY(10px);}
}

.channel-ban-video .rw{width: 3.41rem; height: 7.64rem; top: auto;bottom: 0.46rem;}
.channel-ban-store .rw{width: 1.98rem;height: 1.28rem; top: 1.85rem;right: 1.48rem;}

.channel-page{padding: 1.8rem 0; background: url(../images/bg.png) repeat-y center top; background-size: 100% auto; overflow: hidden;}
.channel-page-tile{background-image: url(../images/bg.jpg);}
.channel-page .page{position: relative;z-index: 1; }
.channel-page-bathroom{padding: 0; background: none;}
.channel-page-bathroom .page:nth-child(2n-1){background: linear-gradient(to bottom, #ddeffb 0%,#d0e8ea 100%);}
.channel-page-bathroom .page:nth-child(2n){background: linear-gradient(to bottom, #d0e8ea 0%,#ddeffb 100%);}
.channel-page-bathroom .page:first-child{padding-top: 1.8rem;}
.channel-page-bathroom .page:not(:first-child){padding-top: 0.9rem;}
.channel-page-bathroom .page:not(:last-child){padding-bottom: 0.9rem;}
.channel-page-bathroom .page:last-child{padding-bottom: 1.8rem;}
.channel-page-bathroom .page[data-cur='1']{padding-bottom: 1.5rem;}
.channel-page-bathroom .page[data-cur='1'] .main-pic{width: 6.25rem;}
.channel-page-bathroom .home-txt{padding: 0.62rem 0.62rem 0;}
.channel-page-bathroom .home-txt .title{margin-bottom: 0.1em; font-size: 0.46rem;}
.channel-page-bathroom .page[data-cur='2']{padding-bottom: 1.4rem; display: flex;flex-wrap: wrap; justify-content: flex-end;}
.channel-page-bathroom .page[data-cur='2'] .main-pic{width:7.01rem;}
.channel-page-bathroom .page .home-txt .title span{display: inline-block;}

.channel-page-bathroom .page[data-cur='3'] .pic{position: relative;z-index: 1;width: 6.26rem; margin: 0 auto;}
.channel-page-bathroom .page[data-cur='3']:before,
.channel-page-bathroom .page[data-cur='3'] .pic:after{position: absolute;; content: ''; z-index: -1;}
.channel-page-bathroom .page[data-cur='3']:before{width: 3.1rem;height: 2.52rem;background-color: #def5f2; left: 0;bottom: 0.9rem;}
.channel-page-bathroom .page[data-cur='3'] .pic:after{width: 2.4rem;height: 2.4rem;background: url(../images/quan.png) no-repeat;background-size: contain; top: -1.5rem; right: -1.22rem;animation: infinite both 3s zhuan linear;}
.channel-page-bathroom .page[data-cur='3'] .home-txt{padding-left: 3.78rem; padding-top: 0.58rem;}

.channel-page-bathroom .page[data-cur='4'] .pic{display: flex;justify-content: flex-end;}
.channel-page-bathroom .page[data-cur='4'] .main-pic{width: 3.72rem;}
.channel-page-bathroom .page[data-cur='4'] .aux-pic,
.channel-page-bathroom .page[data-cur='4'] .home-txt{position: absolute; left: 0.62rem;}
.channel-page-bathroom .page[data-cur='4'] .aux-pic{ width: 2.52rem; top: 1.95rem;}
.channel-page-bathroom .page[data-cur='4'] .aux-pic:after{z-index: -1;content: 'Shower'; font-size: 1.4rem;color: rgba(255,255,255,0.15); left: 0.6rem;top:-0.7rem;font-family: Oswald-Bold; line-height: 1; text-transform: uppercase; position: absolute; transform-origin: 0 0; transform: scaleX(0.85);}
.channel-page-bathroom .page[data-cur='4'] .home-txt{padding:0;top: 4.4rem;max-width: 3.2rem;}

.channel-page-bathroom .page[data-cur='5'] .pic{display: flex;justify-content: flex-end;}
.channel-page-bathroom .page[data-cur='5'] .main-pic{width: 4.4rem; position: relative;}
.channel-page-bathroom .page[data-cur='5'] .main-pic:before{position: absolute; content: ''; width: 2.4rem; height: 2.4rem;background: url(../images/quan.png) no-repeat;background-size: contain;  left: -1.4rem;top: -1.07rem; z-index: -1; animation: infinite both 3s zhuan linear;}
.channel-page-bathroom .page[data-cur='5'] .aux-pic{position: absolute; left: 0;bottom: 0;width: 2.5rem;}
.channel-page-bathroom .page[data-cur='5'] .home-txt{padding-left: 3.75rem;}

@keyframes zhuan{
	0%{transform: rotate(0);}
	100%{transform: rotate(360deg);}
}

.channel-page-bathroom .page[data-cur='6'] .pic{display: flex;justify-content: flex-end;padding-right: 0.62rem;}
.channel-page-bathroom .page[data-cur='6'] .pic .main-pic{width: 3.77rem;}
.channel-page-bathroom .page[data-cur='6'] .home-txt{position: absolute;left: 0; top: 50%; transform: translateY(-50%); max-width: 2.6rem;padding-right: 0;}

.channel-page-bathroom .page[data-cur='7'] .pic{display: flex; justify-content: space-between; flex-wrap: wrap;}
.channel-page-bathroom .page[data-cur='7'] .main-pic{position:relative;width:3.72rem; padding-top: 1.2rem;}
.channel-page-bathroom .page[data-cur='7'] .main-pic:before{position: absolute; content: ''; width: 2.4rem; height: 2.4rem;background: url(../images/quan.png) no-repeat;background-size: contain;  left: -0.49rem;top: -0.59rem; z-index: -1; animation: infinite both 3s zhuan linear;}
.channel-page-bathroom .page[data-cur='7'] .main-pic img{height: 6.1rem;}
.channel-page-bathroom .page[data-cur='7'] .aux-pic{width: 3.15rem;}
.channel-page-bathroom .page[data-cur='7'] .home-txt{position: absolute;;right: 0; width: 3.15rem;padding:0; top:6.2rem;}

.channel-page-bathroom .page[data-cur='8'] .main-pic{position:relative;}
.channel-page-bathroom .page[data-cur='8'] .main-pic:before{position: absolute; content: ''; width: 2.4rem; height: 2.4rem;background: url(../images/quan.png) no-repeat;background-size: contain;  right: -0.4rem;top: -0.98rem; z-index: -1; animation: infinite both 3s zhuan linear;}
.channel-page-bathroom .page[data-cur='8'] .main-pic img{height:3.5rem;width: 6.24rem;}


.channel-page-tile{padding: 1.4rem 0 1.2rem 0;}
.channel-page-tile .getback-list{padding-bottom: 0;}
/* .channel-page-tile .page .home-txt{padding: 0 0.62rem 1.2rem;} */
.channel-page-tile .page:nth-child(2n) .home-txt,
.channel-page-tile .page:nth-child(2n) .home-txt pre{text-align: right;}
.channel-page-tile .page{padding-bottom: 1.9rem;}
.channel-page-tile .page .home-txt .title{margin-bottom: 0.3em;}
.channel-page-tile .page:nth-child(2n-1){padding-left: 0.62rem;}
.channel-page-tile .page:nth-child(2n){padding-right: 0.62rem;}
.channel-page-tile .page .pic{position: relative;padding-bottom: 0.3rem;}
.channel-page-tile .page .pic:before{position: absolute;content: '';width: 5.62rem; height: 100%; top: 0.36rem;z-index: -1;}
.channel-page-tile .page:nth-child(2n-1) .pic:before{right: 0;}
.channel-page-tile .page:nth-child(2n) .pic:before{left: 0;}
.channel-page-tile .page:nth-child(1) .pic:before{background-color: #c9dbe4;}
.channel-page-tile .page:nth-child(2) .pic:before{background-color: #dbe9ee;}
.channel-page-tile .page:nth-child(3) .pic:before{background-color: #dce9f4;}
.channel-page-tile .page:nth-child(4) .pic:before{background-color: #dfe9f3;}
.channel-page-tile .page:nth-child(5) .pic:before{background-color: #e0ecec;}
.channel-page-tile .page:nth-child(6) .pic:before{background-color: #deeaf3;}
.channel-page-tile .page:nth-child(7) .pic:before{background-color: #dae5ed;}
.channel-page-tile .page .main-pic dd{display: none;}
.channel-page-tile .page .main-pic dd img{height: 4.4rem;}
.channel-page-tile .page .aux-pic dl{display: flex;}
.channel-page-tile .page .aux-pic dd{position: relative;margin-top: -0.39rem;}
.channel-page-tile .page .aux-pic dd.on{box-shadow: 0.13rem 0 0.32rem rgba(24,59,80,0.28);}
.channel-page-tile .page .aux-pic dd.on:before{position: absolute;content: ''; left: 0; top: 0;width: 100%; height: 100%;border:0.02rem solid #fff;}
.channel-page-tile .page .aux-pic dd img{width: 0.9rem; height: 0.9rem;}
.channel-page-tile .page .aux-pic dd:not(:last-child){margin-right: 0.2rem;}
.channel-page-tile .page:nth-child(2n-1) .aux-pic dl{justify-content: flex-end;padding-right: 0.62rem;}
.channel-page-tile .page:nth-child(2n) .aux-pic dl{padding-left: 0.62rem;}

.channel-page-bathroom .page.getback-list{padding: 0.5rem 0 1rem 0;}

.sparkle-canvas{opacity: 0.5;}

.Content{background: linear-gradient(to bottom,  #def0fd 0%,#d0e7e9 100%); padding-bottom: 0.8rem;overflow: hidden;}
.Content.npb{padding-bottom: 0;}
.pd80{padding-bottom: 0.8rem;}

.Current{text-align: right;display: flex;align-items: center;justify-content: flex-end;height: 1.05rem;color: #a5bccc;padding: 0 0.6rem;position: relative;z-index: 1;}
.Current a{color: #a5bccc; margin-right: 0.14rem; padding-right: 0.25rem;background: url(../images/cur-a.svg) no-repeat right center; background-size: auto 0.13rem;}
.Current a.no-link{margin-right: 0;padding-right: 0;background: none;}
.Current:after{position: absolute;content: '';right: -0.6rem; top: 0.13rem;width: 2.4rem; height: 2.4rem;background: url(../images/quan.png) no-repeat; background-size: contain; animation: infinite both 3s zhuan linear; opacity: 0.6;}

.project-select{padding: 0.26rem 0 0.8rem 0.6rem;display: flex; flex-wrap: wrap;}
.project-select .item{width: 2.48rem; margin-right: 0.58rem;position: relative; z-index: 20;}
.project-select .box{position: absolute;left: 0;width: 100%; top: 100%;background-color: rgb(222 240 252);border: 0.01rem dashed #ccddea;border-top: 0;  padding: 0.2rem; display: none;animation-duration: 1.2s;}
.project-select .box.show{display: block!important;animation-name: fadeInUp!important;visibility: visible!important;}
.project-select .name{color: #9ba8b2; border-bottom: 0.01rem dashed #ccddea;line-height: 0.53rem; /* font-weight: 100; */position: relative;padding-right: 0.26rem;}
.project-select .name:after{position: absolute;content: '';width: 0.19rem;height: 0.12rem;right:0.05rem;background: url(../images/select-down.svg) no-repeat;background-size:contain; top:50%; margin-top: -0.06rem; transition: 0.3s ease-out;}
.project-select .box dd{line-height: 3;text-align: center;}
.project-select .name.active:after{transform: rotate(180deg);}

.list-project .item{display: flex;width: 100%;}
.list-project .item a{width: 6.17rem;display: block;}
.list-project .item:nth-child(2n){justify-content: flex-end;}
.list-project .item li{padding: 0.6rem 0 1.4rem 0.62rem;}
.list-project .item:nth-child(2n) li{padding-right: 0.64rem;}
.list-project .item li aside{font-family: 'FZSKJW';font-size: 0.4rem;margin-bottom: 0.3rem;}
.list-project .item li pre{line-height: 1.666;}

.scroll-more{text-align: center;}
.scroll-more:after{display: block;content: ''; width: 0.17rem;height: 0.16rem;margin: 0.19rem auto 0;background: url(../images/more.svg) no-repeat;background-size:contain; animation: iconTop 1.5s linear infinite;}

.project-info{position: relative;z-index: 4;padding-bottom: 1rem;}
.project-info .name{font-family: 'FZSKJW';font-size: 0.4rem;padding: 0.44rem 0 0.5rem 0; margin-left: 0.63rem;position: relative;}
.project-info .name:before{position: absolute;content: '';z-index: -1;width: 2rem;height: 2rem;background-color: #c0e2ef;opacity: 0.4; left: 0; top: 50%;transform: translateY(-50%);}
.project-info .info-pic{position: relative;}
.project-info .info-pic:after{position: absolute;content: '';z-index: -1;background-color: #fdfde2; opacity: 0.3;width: 2rem;height: 2rem;right: 0.64rem; bottom: -1.28rem;}
.project-info .singlePage,
.project-info .label-list{margin-left: 0.62rem;margin-right: 0.64rem;}
.project-info .singlePage{margin-top: 0.8rem;line-height: 2.083; margin-bottom: 0.5rem;}
.project-info .label-list{border-bottom: 0.01rem solid #d3e4f0; padding-bottom: 0.89rem;display: flex;flex-wrap: wrap;}
.project-info .label-list dd{color: #4e85c4;line-height: 0.38rem;background-color: rgba(0,89,191,0.08);border-radius: 0.19rem; margin-right: 0.11rem;padding: 0 0.12rem;/* font-weight: 100; */ margin-bottom: 0.11rem;}
.singlePage img{height:auto !important;}
.singlePage2 p{margin:0;}

.apply-product{padding: 0 0.64rem 0.3rem 0.62rem;}
.apply-product .title{font-size: 0.36rem; padding-bottom: 0.49rem;}
.apply-product ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.apply-product li{width: 2.8rem; margin-bottom: 0.49rem;}
.apply-product li .pic{background-color: rgba(255,255,255,0.2);}
.apply-product li .pic .Ispic{height: 2.81rem;}
.apply-product li pre{color: #a5bccc;font-size: 0.2rem;}
.apply-product li .tit{margin: 0.3rem 0 0.2rem 0;}
.apply-product li .tit .m{color: #a5bccc;margin-left: 0.06rem;}

.list-back{text-align: center;}
.list-back a{padding-right: 0.17rem;background: url(../images/more-r.svg) no-repeat right center;background-size:auto 0.15rem; }

.cate-name{font-size: 0.42rem;font-weight: bold;position: relative;z-index: 1; margin-bottom: 0.39rem;}
.cate-name .tit{display: flex;align-items: center;}
.cate-name .tit:after{display: inline-block;content: '';width: 0.24rem; height: 0.16rem;background: url(../images/down.svg) no-repeat;background-size: contain; margin-left: 0.24rem;transition: 0.3s;}
.cate-name .tit.on:after{transform: rotate(-180deg);}
.cate-name .open-filter{position: absolute;right: 0; top: 50%;transform: translateY(-50%);}
.open-filter{padding-left: 0.55rem;background: url(../images/shaixuan-icon.svg) no-repeat left center;background-size: auto 0.25rem;color: #1971d7;font-size: 0.24rem;font-weight: normal;line-height: 0.32rem;}
.open-filter.close{background-image: url(../images/cancel.svg);padding-left: 0.51rem;background-size: auto 0.3rem;}
.prod-menu{margin-top: 0.79rem;position: relative;z-index: 30;}
.prod-menu nav{margin: 0 0 0.77rem 0;overflow-x: auto;max-width: 100%; overflow-y: hidden;}
.prod-menu nav dl{white-space: nowrap;}
.prod-menu nav dd{display:inline-block;}
.prod-menu nav dd:not(:last-child){margin-right: 0.6rem;}
.prod-menu nav dd.aon a{color: #1971d7; border-bottom-color:#1971d7;}
.prod-menu nav dd a{display: block;line-height: 1.9583; border-bottom: 0.02rem solid transparent;}
.prod-menu .hover-nav{position: absolute; top: 0.42rem;left: -0.64rem;background-color: #dceffa;right: -0.62rem;padding: 0.62rem 0.64rem 0.62rem 0.62rem;z-index: 100;}
.prod-menu .hover-nav dl{overflow: auto;max-height: 6.3rem;}
.prod-menu .hover-nav dd{padding: 1.5em 0;}
.prod-menu .hover-nav dd:not(:last-child){border-bottom: 1px dotted #fff;}
.prod-menu .hover-nav dd a{font-size:0.3rem;}

.same-padding{padding-left:0.64rem;padding-right:0.62rem;position: relative;z-index: 99;}

.layer-box{position: relative;z-index: 1; min-height: 7rem;}
.layer-box:before{position: absolute;left: -100%; opacity: 0; background-color: rgba(0,0,0,0.5);top: 0;bottom:0; transition:opacity 0.3s;content: '';transform: translateX(-100%);}
.show-layer.layer-box:before{opacity: 1;left: -0.64rem;right:-0.62rem;transform: translateX(0);z-index: 20;}

.list-product ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.list-product li{width: 2.8rem; margin-bottom: 0.52rem;position: relative;}
.list-product li > div{position: relative; z-index: 4;}
.list-product li:not(.active) .pic{background-color: rgba(255,255,255,0.2);}
.list-product li .pic .Ispic{height: 2.8rem;}
.list-product li .txt{padding: 0.28rem 0;transition: 0.3s;}
.list-product li .tit{font-weight: 500;height:0.26rem;}
.list-product li .compared-btn{display: inline-block;width: 1.03rem;line-height: 0.4rem;text-align: center;border-radius: 0.02rem;border: dotted 0.01rem #a5bccc;font-size: 0.2rem;}
.list-product li .txt p{font-size: 0.2rem;color: #a5bccc; margin: 1em 0 1.5em 0;}
.list-product li .tit span.m{margin-left: 0.08rem;}
.list-product li .icon{width: 0.88rem;height: 0.98rem;position: absolute;right:-0.04rem; top: -0.04rem;background-size: contain;background-repeat: no-repeat;background-position: 0 0;z-index: 10;}
.list-product li .icon.new{background-image: url(../images/new.png);}
.list-product li .icon.star{background-image: url(../images/star.png);right: auto; left: -0.07rem;width: 0.9rem; height: 1rem; top: -0.3rem;}
.list-product li:before{position: absolute;content: ''; top: 0;left:0;right: 0; top: 0;bottom: 0; transition: 0.3s;}
.list-product li.active:before{background-color: #e0f0f7; box-shadow: 0.07rem 0 0.3rem rgba(25,113,215,0.1);border: 1px solid #c2d9e9;}
.list-product li.active .txt{padding-left: 0.2rem;padding-right: 0.2rem;}

.compared-box{position: fixed;left: 0;width: 100%;top: 0;height: 100%;background-color: rgba(0,0,0,0.5);z-index: 110;overflow: hidden;display: none;}
.compared-box .main{position: fixed;left: 0;width: 100%;bottom: 0;background-color: #fff;padding: 0.8rem 1.34rem 0.77rem;display: none;}
.compared-box .main ul,
.compared-box .btn{display: flex;justify-content: space-between;flex-wrap: wrap;}
.compared-box .btn a{width: 2rem;line-height: 0.5rem;border-radius: 0.02rem; text-align: center;}
.compared-box .btn a.compared{background-color: #1971d7;color: #fff;}
.compared-box .btn a.cancel{border: dotted 0.01rem #7d7d7d;}
.compared-box .main ul li{width: 2.02rem;}
.compared-box .main ul li .pic{border: solid 1px #f5f5f5;position: relative;}
.compared-box .main ul li .pic .close{position: absolute; width: 0.14rem;height: 0.14rem;right: 0.16rem;top: 0.16rem;background: url(../images/x-gray.svg) no-repeat;background-size: contain;z-index: 4;}
.compared-box .main ul li .tit{font-size: 0.2rem;line-height: 1;margin: 0.2rem 0 0.5rem 0;}

.compared-content .pic{background: url(../images/compared-banbg.jpg) no-repeat;background-size: cover; height: 4.66rem; padding-top: 2.04rem;}
.compared-content .pic dl{display: flex;align-items: center;}
.compared-content .pic dt{width: 2.11rem; text-align: center;}
.compared-content .pic dt a{display: table;padding-top: 0.59rem;background: url(../images/back.png) no-repeat center top; background-size: auto 0.39rem;color: #fff; margin: 0 auto;}
.compared-content .pic dd{width: 2.2rem;}
.compared-content .pic dd{margin-right: 0.4rem;}
.compared-content .table td{border-bottom: 1px solid #f0f4f7;padding: 0.36rem 0 0.36rem 0.36rem; font-size: 0.22rem; line-height: 1.5;}
.compared-content .table td.name{width: 2.03rem;background-color: #e7eaed;border-bottom-color: #fff;color: #696969;/* font-weight: 100; */padding-left: 0.4rem;}
.compared-content .table td:nth-child(2){width: 2.7rem;}
.compared-content .table tr:nth-child(1) td:not(.name),
.compared-content .table tr:nth-child(4) td:not(.name),
.compared-content .table tr:nth-child(9) td:not(.name),
.compared-content .table tr:nth-child(11) td:not(.name){color: #00428e;}
/* .compared-content .table tr:nth-child(2) td:not(.name), */
/* .compared-content .table tr:nth-child(9) td:not(.name), */
/* .compared-content .table tr:nth-child(11) td:not(.name), */
/* .compared-content .table tr:nth-child(13) td:not(.name){background-color: #f8f9fa;} */

.product-info{overflow: hidden;}
.product-info .info-img{margin-bottom: 0.94rem;}
.product-info .info-img .pages{display: flex;position: absolute;left: 0;width: 100%; z-index: 10; align-items: center;justify-content: center;bottom: 0.41rem;}
.product-info .info-img .pages span{border-radius: 50%;background-color: #fff;width: 0.17rem;height: 0.17rem;margin: 0 0.15rem;}
.product-info .info-img .pages span.active{background-color: #00428e;}
.product-info .intro{padding: 0 0.64rem 0.41rem;position: relative;background: url(../images/pinfo-bg.jpg) no-repeat right top;background-size: 3.4rem auto;}
.product-info .intro:after{position: absolute;content: '';width: 2.4rem;height: 2.4rem;background: url(../images/quan.png) no-repeat;background-size: contain;right: -1.18rem; top: -0.43rem;animation: infinite both 3s zhuan linear;}
.product-info .intro .tit{font-size: 0.5rem;color: #00428e;font-weight: bold;padding-top: 0.99rem;background: url(../images/yinhao.svg) no-repeat left top;background-size: auto 0.59rem; margin-bottom: 0.47rem;}
.product-info .intro dd{margin-bottom: 0.24rem;display: flex;width: 100%; justify-content: space-between;}
.product-info .intro dd span{width: 0.8rem;}
.product-info .intro dd aside{flex:1;}
.product-info .intro pre{line-height: 1.5;color: #666;}

.product-info .intro-bathroom{padding-bottom: 0.88rem;}
.product-info .intro-bathroom .line{position: absolute;background-color: #f1f1f1;left: 0.62rem;right: 0.62rem; bottom: 0.6rem;height: 0.01rem;}

.product-info .details-img{background-color: #dbebfa;padding: 0.69rem 0 0.82rem 0;}
.product-info .details-img .swiper-container{max-width: 6.3rem;margin: 0 auto;}
.product-info .details-img .name{position: relative; text-align: center; margin-bottom: 0.53rem;}
.product-info .details-img .name .tit{color: #00428e;font-size: 0.36rem;font-weight: 700; padding: 0.3rem 0;}
.product-info .details-img .name .num{position: absolute;z-index: -1;color: #00428e; opacity: 0.1;font-size: 1.3rem;font-family: 'Poppins-SemiBold';left: 0;width: 100%;top: 0;}
.product-info .details-img .pages{display: flex;align-items: center;justify-content: center;margin-top: 0.56rem;}
.product-info .details-img .pages span{width: 0.4rem;line-height: 0.45rem;height: 0.4rem;background-color: #a7c9e2;border-radius: 50%;margin: 0 0.15rem;color: #fff;font-family: 'Poppins-Regular';text-align: center;}
.product-info .details-img .pages span.active{background-color: #00428e;}

.product-info .infoSub-img{position: relative;z-index: 1;}
.product-info .infoSub-img:before{position: absolute;content: '';width: 2.12rem;height: 2.12rem; bottom: -0.78rem; left: -1.17rem;background: url(../images/quan.png) no-repeat; background-size: contain;animation: infinite both 3s zhuan linear;z-index: 10;}
.product-info .infoSub-img .pages{position: absolute;left: 0; width: 100%;z-index: 10; bottom: 0.5rem;display: flex;align-items: center;justify-content: center;}
.product-info .infoSub-img .pages span{width: 0.17rem;border-radius: 50%;height: 0.17rem;background-color: #00428e;opacity: 0.2; margin: 0 0.07rem;}
.product-info .infoSub-img .pages span.active{opacity: 1;}

.product-info .canshu{padding: 1.12rem 0 0.62rem 0;position: relative; z-index: 2;}
.product-info .canshu:before{position: absolute;content: '';width: 2.58rem;height: 2.58rem; top: -0.67rem; right: -0.7rem;background: url(../images/quan.png) no-repeat; background-size: contain;animation: infinite both 3s zhuan linear;z-index: 10;}
.product-name{position: relative;z-index: 1;font-weight: bold;color: #00428e;font-size: 0.5rem;padding:  0.91rem 0.6rem 0.43rem 0.58rem;}
.product-name:before{position: absolute;content: '';width: 4.57rem;height: 1.02rem; top: 0.22rem;background: url(../images/pinfo-bg2.png) no-repeat; background-size: contain; left: 0;}
.product-name .icon{width: 1.03rem;height: 0.88rem;position: absolute;background: url(../images/yinhao-r.svg) no-repeat; background-size: contain; right: 2.23rem;top: 0;}
.product-info .canshu .table{position: relative;padding: 0 0.6rem 0 0.58rem;}
.product-info .canshu .table:not(.show) .main{height: 5rem;overflow: hidden;}
.product-info .canshu .table .main.no-moreCanshu{overflow: inherit; height: auto;}
.product-info .canshu .table .main td{border-bottom: 1px solid #dedede;}
.product-info .canshu .css-table-1 td{line-height: 1.5;padding: 0.3rem 0;width: 50%;}
.product-info .canshu .css-table-2 td{padding-left: 0.5rem; font-size: 0.26rem; padding-top: 0.3rem;padding-bottom: 0.3rem;line-height: 1.538;}
.product-info .canshu .css-table-2 td:nth-child(1){width: 60.127%;}
.product-info .canshu .css-table-2 td .n{color: #999;margin-left: -0.42rem;padding-left: 0.42rem;position: relative;font-size: 0.24rem;}
.product-info .canshu .css-table-2 td .n:before{width: 0.1rem; height: 0.1rem;position: absolute;content: '';left: 0; top: 50%; margin-top: -0.05rem;
background-image: linear-gradient(45deg,#e8e5fc 0%, #fdede4 15%, #c1f2f2 30%, #acccee 44%, #e8e5fc 58%, #fdf2a3 72%, #e2f5cb 77%, #c7f7f2 86%, #bae1f0 90%, #accbee 100%),linear-gradient(#0153b2, #0153b2);}
.product-info .canshu .css-table-3 td{line-height: 0.5rem;padding: 0.3rem 0;}
.product-info .canshu .css-table-3 td.n{color: #999;font-size: 0.26rem;width: 35%;}
.product-info .canshu .css-table-3 td .label:not(:last-child){margin-right: 0.1rem;}
.product-info .canshu .table:not(.show) .yingyin{position: absolute;left: 0;width: 100%;bottom: 0;z-index: 2;background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%);padding-top: 1.52rem;}
.product-info .canshu .table .yingyin{padding-top: 0.5rem;}
.product-info .canshu .table.show .yingyin .scroll-more:after{display: none;}
.product-info .canshu .table.show .yingyin .scroll-more:before{display: block;content: '';width: 0.17rem;height: 0.16rem;margin: 0.19rem auto 0;background: url(../images/more-up.svg) no-repeat;background-size: contain;animation: iconTop 1.5s linear infinite;}
.product-info .canshu .table .main.no-moreCanshu ~ .yingyin{display: none;}

.info-download{max-width: 6.3rem;margin: 0 auto;padding-bottom:0.52rem;}
.info-download.pt60{margin-top: 0.6rem;}
.info-download li{line-height: 0.9rem;padding: 0 0.3rem;background-color: #eff2f6; margin-bottom: 0.3rem;}
.info-download li a{color: #0153b2;font-size: 0.26rem;}
.info-download li span{float: right;font-size: 0.24rem;padding-right: 0.37rem;background: url(../images/download2.svg) no-repeat right center;background-size: auto 0.3rem;}

.product-miaoshu{background-color: #f8f9fa;padding: 0.89rem 0 1.27rem 0;}
.product-miaoshu .product-name{margin-bottom: 0.46rem;}
.product-miaoshu .product-name .icon{background-image: url(../images/yinhao-r-gray.svg);}

.list-video{position: relative;z-index: 1;}
.list-video:after{position: absolute;content: '';left: 0;top: 0;width: 2rem;height: 2rem;background-color: #d2e8f7;opacity: 0.5;z-index: -1;}
.list-video ul{display: flex; justify-content: space-between;flex-wrap: wrap;}
.list-video ol{width: 6.07rem; height: 7.68rem;padding-top: 0.8rem;position: relative;}
.list-video ul .pic{position: relative; margin-bottom: 0.3rem;}
.list-video ul .pic:after{position: absolute;content: '';left:50%; top: 50%; transform: translate(-50%,-50%);z-index: 10;border-radius: 50%;}
.list-video ol .pic:before{position: absolute;content: '';width: 2rem;height: 2rem;background-color: #c0e2ef;opacity: 0.4;right: 0;bottom: -1rem;z-index: -1;}
.list-video ul aside{color: #a5bccc;text-align: center;/* font-weight: 100; */line-height: 1.2;}
.list-video ol aside{font-size: 0.3rem;}
.list-video ol .pic:after{width: 0.88rem;height: 0.88rem; background: url(../images/play.svg) no-repeat left 0.35rem center #fff;background-size: auto 0.27rem;}
.list-video li{width: 2.8rem; height: 3.1rem;}
.list-video li aside{font-size: 0.22rem;}
.list-video li .pic:after{width: 0.7rem;height: 0.7rem;border: 1px solid rgba(255,255,255,0.15); background: url(../images/play-white.svg) no-repeat left 0.25rem center;background-size: auto 0.26rem;}

.onlineStore{padding-right: 0.4rem;}
.onlineStore .name{font-size: 0.36rem;font-weight: bold;display: flex;align-items: center; margin-bottom: 0.5rem;}
.onlineStore .name img{width: 0.35rem;height: 0.35rem; margin-right: 0.2rem;}
.onlineStore .item:not(:last-child){margin-bottom: 1.2rem;}
.onlineStore .list:not(.active){overflow: hidden;height: 2.7rem;}
.onlineStore .list dl{display: flex;flex-wrap: wrap;}
.onlineStore .list dd{padding-bottom: 0.3rem;padding-right: 0.2rem;}
.onlineStore .list dd a{display: block;padding: 0 0.3rem;line-height: 0.6rem;background-color:rgba(0,89,191,0.05);border-radius: 0.3rem;color: #4e85c4;}
.onlineStore .see-more{overflow: hidden; text-align: center; margin-top: 0.39rem;}
.onlineStore .see-more span{display: inline-block;font-size: 0.2rem;color: #9bbacf;padding-bottom: 0.19rem;background: url(../images/select-down2.svg) no-repeat center bottom;background-size: auto 0.08rem;position: relative;}
.onlineStore .see-more span:before,
.onlineStore .see-more span:after{position: absolute;content: '';height: 0.01rem; width: 100vw; top: 0.1rem;background-color: #cde1e9;}
.onlineStore .see-more span:before{right: 100%; margin-right: 0.24rem;}
.onlineStore .see-more span:after{left: 100%;margin-left: 0.24rem;}

.map-main{position: relative; z-index: 2;}
.map-main #allmap{height: 9.21rem;}
.map-main #allmap *{box-sizing: content-box;}
.map-main #allmap img{max-width: none;}
.map-search{position: absolute;background: linear-gradient(to bottom,  rgba(0,66,142,0.5) 0%,rgba(0,66,142,0) 100%);left: 0; top: 0;height: 3.82rem; width: 100%;z-index: 4;padding: 1.42rem 0.64rem 0 0.64rem;}
.map-search .inner{background-color: #fff;height: 0.8rem;box-shadow: 0 0.08rem 0.3rem rgba(21, 72, 131, 0.23);border-radius: 0.4rem;border: solid 0.01rem #eee;padding:0 0.3rem 0 0.1rem;display: flex;align-items: center;justify-content: space-between;}
.map-search .drop-down{width: 1.8rem; padding-right: 0.2rem;position: relative;}
.map-search .drop-down:after{position: absolute;content: '';width: 0.01rem; height: 100%; top: 0;right: 0.15rem;background-color: #ccc;}
.map-search .drop-down select{width: 100%;border: 0;background-image: url(../images/close-up.svg);background-size: 0.2rem auto;padding-right: 0.4rem;background-position: right 0.1rem center; padding-left: 0.2rem;}
.map-search .inner .text{height: 0.5rem;line-height: 0.5rem; border: 0;background: none;width: 3.1rem;}
.map-search .inner .btn{flex: 1;background: url(../images/btn-search-black.svg) no-repeat right center;background-size: auto 0.25rem; height:0.5rem;}

.map-load ul{padding: 0.25rem 0.6rem;}
.map-load > *{margin-left: 0.38rem;}
.map-load h2{font-size: 0.24rem;padding-left: 0.38rem;background: url(../images/location.svg) no-repeat;background-size: 0.22rem auto;line-height: 0.28rem;}
.map-load p{font-size: 0.2rem;color: #999;line-height: 1.2;margin-top: 0.4rem;margin-top: 0.15rem;}
.map-load p a:not(:hover){color: #999;}
.map-load .add{line-height: 0.5rem;background-color: #0153b2;border-radius: 0.25rem;display: inline-block;color: #fff;font-size: 0.18rem;padding: 0 0.2rem;}
.map-load .add:before{width: 0.21rem; height: 0.21rem; display: inline-block; content: ''; margin-right: 0.08rem;background: url(../images/location2.svg) no-repeat;background-size: contain;vertical-align: middle;}

/*.list-product-tiles{padding-top: 0.95rem;}*/

.filter{display: none;padding: 0.1rem 0;}
.filter .box{margin-bottom: 0.4rem;font-size: 0.3rem; border-bottom: 1px solid rgba(0,0,0,0.06);}
.filter .tit{margin-bottom: 0.4rem;position: relative;}
.filter .tit:after{position: absolute;content: ''; width: 0.3rem;height: 0.3rem;right: 0; top: 50%;margin-top: -0.15rem; background: url(../images/down.svg) no-repeat center center;background-size: contain;transform: rotate(-90deg); opacity: 0.5;transition: 0.3s;}
.filter .tit.on:after{transform: rotate(0);}
.filter .ul-box{display: none; padding-bottom: 0.2rem;}
.filter ul{display: flex;flex-wrap: wrap;}
.filter li{width: 1.92rem;margin-bottom: 0.2rem;height: 0.8rem;display: flex;align-items: center;justify-content: center;background-color: rgba(255,255,255,0.2);color: #a5bccc; padding: 0 0.1rem;text-align: center;}
.filter li:not(:nth-child(3n)){margin-right: 0.24rem;}
.filter li.on{box-shadow: 0 0.07rem 0.3rem rgba(25, 113, 215, 0.1);border: solid 1px #c2d9e9;color: #1971d7;}
.filter .btn{display: flex;justify-content: space-between;align-items: center;}
.filter .btn a{line-height: 0.8rem;text-align: center;border-radius: 2px;width: 2.8rem;}
.filter .btn a.sure{color: #fff;background-color: #1971d7;}
.filter .btn a.reset{border: dotted 0.01rem #7d7d7d;line-height: 0.78rem;}

.filter-result{padding-top: 0.11rem;padding-bottom:0.5rem;}
.filter-result dl{display: flex;justify-content: space-between;flex-wrap: wrap;}
.filter-result dd{width: 2.84rem; margin-bottom: 0.35rem;}
.filter-result dd:nth-last-child(1),
.filter-result dd:nth-last-child(2){margin-bottom: 0;}

.recom-product{padding-bottom: 0.98rem;overflow: hidden;position: relative; padding-top: 0.6rem;}
.recom-product .swiper-container{margin: 0.66rem -2.25rem 0;}
.recom-product .swiper-slide{transition: 0.3s; opacity: 0.3;}
.recom-product .swiper-slide a{ display: block; margin: .1rem;}
.recom-product .swiper-slide .txt{opacity: 0;transition: 0.3s;padding-top: 0.32rem; text-align: center;}
.recom-product .swiper-slide-active,
.recom-product .swiper-slide-duplicate-active{ opacity: 1;}
.recom-product .swiper-slide-active .txt,
.recom-product .swiper-slide-duplicate-active .txt{opacity: 1;}
.recom-product .name{font-size: 0.26rem; margin-bottom: 0.15rem;}
.recom-product .desc{color: #999;font-size: 0.2rem;line-height: 1.5;}
.recom-product:before{position: absolute;content: '';background: url(../images/quan-cu-150.png) no-repeat;background-size: contain; right:-0.54rem;top: 0.73rem;z-index: -1;animation: infinite both 3s zhuan linear;width: 1.34rem;height: 1.34rem;}
.recom-product .pic .Ispic{width: 100%; height: 4rem;}
.recom-product .pic{border:1px solid #edf1f7;}

.prod-info-title{position: relative;}
.prod-info-title:before{position: absolute;content: ''; z-index: -1;background: url(../images/color-bg.png) no-repeat;background-size: contain; width: 3.65rem; height: 3.65rem; left: 0.4rem; top: -0.45rem;}
.prod-info-title[rel="1"]:before{width: 1.15rem;height: 1.15rem; left: 1.73rem; top: -0.57rem; opacity: 0.3;}
.prod-info-title aside{font-size: 0.36rem;padding-left: 0.6rem;background: url(../images/title-bg.png) no-repeat left center;line-height: 0.8rem;color: #00428e;font-weight: bold;background-size: auto 0.8rem; }

.list-VR{ margin-bottom:1.08rem;}
.vr-iframe{width: 6.3rem;height: 4.6rem; margin: 0.37rem auto;position: relative;z-index: 3;}
.vr-iframe iframe{height: 4.6rem;}
.list-VR dl{width: 6.3rem; margin:0 auto;}
.list-VR dl dd{float: left;width: 32%; margin-bottom: 2%; text-align: center;line-height: 2;background-color: rgba(0,66,142,0.1); border-radius: 2em;color: #8c8c8c;}
.list-VR dl dd.on{background-color: #00428e;color: #fff;}
.list-VR dl dd:not(:nth-child(2n)){margin-right: 2%;}
.list-VR dl dd:nth-child(3n+1){clear: left;}

.product-info-noquan .canshu{padding-top: 0.57rem;}
.product-info-noquan .canshu:before{right: -1.77rem;width: 2.78rem;height: 2.78rem; opacity: 0.6;}
.product-info-noquan .recom-product:before{display: none;}

.loading{text-align: center;overflow: hidden;color: #ccc; padding-bottom: 0.4rem;}
.loading:before{display: block;content: '';background: url(../images/loading.svg) no-repeat;width: 0.8rem;height: 0.8rem; margin: 0 auto 0.1rem;animation: rotate 1s linear infinite; background-size: contain;}
@keyframes rotate{
0%{transform:rotate(0)}
50%{transform:rotate(180deg)}
100%{transform:rotate(360deg)}
}

.fixed-right{position: fixed;right: 0.2rem; top: 50%;transform: translateY(-50%);z-index: 90;}
.fixed-right li{width: 0.64rem;padding: 0.15rem 0;}
.fixed-right li a{display: block;height: 0.64rem;border-radius: 50%;background-color: #fff;box-shadow: 0 0.01rem 0.18rem rgba(8, 73, 149, 0.1);font-size: 0;background-position: center center;background-repeat: no-repeat; background-size: auto 56%;}
.fixed-right li.store a{background-image: url(../images/store.svg);}
.fixed-right li.ask a{background-image: url(../images/online.svg);}
.fixed-right li.sharepage a{background-image: url(../images/share.svg);}
.fixed-right li.buy a{background-image: url(../images/cart.svg);}

.histroy{padding-top: 1.05rem;overflow: hidden;background: url(../images/color-bg2.png) no-repeat left 3.43rem bottom -2.5rem;background-size: auto 5.62rem;}
.histroy .name{text-align: right;padding-right: .55rem;position: relative;margin-bottom: 0.32rem;}
.histroy .name:before{position: absolute; content: '';width: 2.4rem; height: 2.4rem;right: -0.35rem;background: url(../images/quan.png) no-repeat; background-size: contain; animation: infinite both 3s zhuan linear;opacity: 0.6;z-index: -1;}
.histroy .label-select{text-align: right;font-size: 0.28rem;padding-right:.45rem;color: #999; line-height: 0.4rem;}
.histroy .label-select a{color: #999;display: inline-block;margin: 0 0.1rem;position: relative;z-index: 4;}
.histroy .label-select a.on{color: #00428e;}
.histroy .name .en{font-family: 'FZSKJW';font-size: 0.72rem;color: #c5dff1;}
.histroy .name .cn{font-size: 0.4rem; margin-top: -0.2rem;}
.histroy .slider{margin: -0.4rem 0.64rem 0;padding: 1.11rem 0 0.95rem 0;position: relative;}
.histroy .mark{position: absolute;z-index: -1;left: 1.55rem;top: -0.16rem;color: #0043a3; opacity: 0.05;font-size: 1.7rem; transform-origin: 0 0;transform:rotate(90deg) scaleX(0.85);font-family: 'syht-Bold';white-space: nowrap;}
.histroy .mark span{font-size: 1rem;top: -0.07rem; position: relative;}
.histroy .slider > a{width: 0.6rem;height: 0.6rem;background-color: rgba(255,255,255,0.4);box-shadow: 0 0.14rem 0.3rem rgba(117, 111, 156, 0.4);position: absolute; left: 0.3rem;border-radius: 50%;background-position: center center;background-repeat: no-repeat; background-size: 0.17rem auto;}
.histroy .slider .next{top: 0; background-image: url(../images/btn-up.svg);}
.histroy .slider .prev{bottom: 0.34rem;background-image: url(../images/btn-down.svg);}
.histroy .swiper-container{height: 5.1rem;}
.histroy .swiper-slide{height: 1.7rem;padding-bottom: 0.5rem;}
.histroy .slider .main{display: flex;width: 100%;align-items: center; justify-content: space-between;}
.histroy .slider .year{width: 1.2rem; height: 1.2rem;border-radius: 50%;background-color: #fff;color: #999;display: flex;align-items: center; justify-content: center;flex-shrink: 0;transition: background 0.3s;}
.histroy .slider .year aside{text-align: center;font-size: 0.18rem;font-weight: 100;}
.histroy .slider .year b{display: block; font-size: 0.36rem;font-family:Arial;font-weight: 700;}
.histroy .slider dl{flex: 1;padding-left: 0.22rem;}
.histroy .slider dd{padding-left: 0.17rem;position: relative;line-height: 1.5;color: #666;}
.histroy .slider dd:not(:last-child){margin-bottom: 0.1rem;}
.histroy .slider dd:before{position: absolute;content: '';width: 0.05rem;height: 0.05rem;border-radius: 50%;background-color: #00428e; left: 0; top: 0.18rem;}
.histroy .swiper-slide-active .year{background-color: #00428e;color: #fff; }

.css-125-1 .txt{line-height: 0.44rem;text-align: justify;}
.css-125-1 .box-1{position: relative;z-index: 1;padding-left: 0.56rem;}
.css-125-1 .box-1:before{position: absolute;content: '';left: 0; top:-2.72rem ;width: 2rem;height: calc(100% + 2.72rem); background-color: #d2e8f7;z-index: -1;}
.css-125-1 .box-1 .title{padding-top: 1.29rem;background: url(../images/yinhao-color.svg) no-repeat left top;background-size: auto 0.59rem;}
.css-125-1 .box-1 .title > img{width: 5.08rem;}
.css-125-1 .box-1 .title h1{font-family: 'FZSKJW';font-size: 0.54rem;letter-spacing: 0.01rem;color: #00428e;margin: 0;position: relative;display: table;font-weight: normal;}
.css-125-1 .box-1 .title h1:before{position: absolute;content: '';z-index: -1;width: 100%;height: 0.2rem;background-image: linear-gradient(90deg,#e8e5fc 0%,#fdede4 15%, #c1f2f2 30%, #acccee 44%, #e8e5fc 58%, #fdf2a3 72%, #e2f5cb 77%, #c7f7f2 86%, #bae1f0 90%,#accbee 100%); left: 0;bottom: -0.07rem;}
.css-125-1 .box-1 .txt{padding-left: 2.45rem;padding-top: 0.7rem;padding-bottom: 1.3rem;padding-right: 0.64rem;}

.css-125-1 .box-2{display: flex;align-items: center;justify-content: space-between; padding-bottom: 1.44rem;position: relative;z-index: 4;}
.css-125-1 .box-2:before{width: 1.92rem;height: 2rem;background-color: #c0e2ef;opacity: 0.3;position: absolute;content: '';right: 0; top: -0.5rem;z-index: -1;}
.css-125-1 .box-2 .pic{position: relative;width: 3.74rem;flex-shrink: 0;}
.css-125-1 .box-2 .pic > img{position: relative;z-index: 5;}
.css-125-1 .box-2 .pic > div{position: absolute;}
.css-125-1 .box-2 .pic .p-1{width: 0.81rem; left: 0.71rem; bottom: 100%; margin-bottom: -0.8rem;z-index: 6;}
.css-125-1 .box-2 .pic .p-2{width: 3.65rem; left: 0.19rem;bottom: 100%; margin-bottom: -1.44rem;    animation: infinite both 3s zhuan linear;}
.css-125-1 .box-2 .pic .p-3{width: 1.11rem; bottom: -0.68rem;right: -0.5rem;    animation: infinite both 3s zhuan linear;}
.css-125-1 .box-2 .txt{text-align: center;flex: 1;}
.css-125-1 .box-2 .txt dd{line-height: 1;}
.css-125-1 .box-2 .txt dd p{font-size: 0.2rem;margin: 0.16rem 0 0 0;}
.css-125-1 .box-2 .txt dd .counter{display: flex;align-items: flex-end;justify-content: center;}
.css-125-1 .box-2 .txt dd .counter b{color: #0153b2;font-weight: 700;font-family: Arial;font-size: 0.6rem;line-height: 0.7em;}
.css-125-1 .box-2 .txt dd span,
.css-125-1 .box-2 .txt dd span *{font-size: 0.18rem;font-weight: 100;}
.css-125-1 .box-2 .txt dd span *{display: block;text-align: center;}
.css-125-1 .box-2 .txt dd:not(:last-child){margin-bottom: 0.8rem;}
.css-125-1 .box-2 .txt dd span sup{font-size: 0.24rem; margin-bottom: 0.1rem;}

.css-125-1 .box-3{display: flex; padding-bottom: 1.73rem;}
.css-125-1 .box-3 .pic{position: relative;width: 2rem; flex-shrink: 0;}
.css-125-1 .box-3 .pic .p-1{position: absolute;width: 2.19rem; left: -1.79rem; top: -0.69rem;}
.css-125-1 .box-3 .txt{padding: 0.81rem 0.47rem 0 0.63rem;}

.css-125-1 .box-4{padding: 0 0.6rem;display: flex;align-items: center;justify-content: space-between;}
.css-125-1 .box-4 .pic{position: relative;flex-shrink: 0;width: 3.6rem;}
.css-125-1 .box-4 .pic .p-1{position: absolute;width: 3.65rem; left: -1.58rem; top: -1.53rem;z-index: -1; animation: infinite both 1s scale linear alternate;}
@keyframes scale{
	0%{transform: scale(0.9);}
	100%{transform: scale(1);}
}
.css-125-1 .box-4 dd h3{margin: 0;font-size: 0.24rem;line-height: 1;}
.css-125-1 .box-4 dd p{margin: 0.14rem 0 0 0;font-size: 0.2rem;line-height: 1.5;}
.css-125-1 .box-4 .txt dd:not(:last-child){margin-bottom: 1rem;}

.css-125-2{margin-bottom: 2.16rem; position: relative; padding-top: 1.49rem;}
.css-125-2:before{position: absolute;z-index: -1;content: '';left: 0; top:0;width: 1.91rem; height: 2.45rem;background: url(../images/color-bg3.png) no-repeat;background-size: contain;animation: infinite both 1s scale2 linear alternate;}
@keyframes scale2{
	0%{transform: scale(1.05);}
	100%{transform: scale(1);}
}
.css-125-2 .box{position: relative;z-index: 1;}
.css-125-2 .box .en-tit{position: absolute;color: #c5dff1;font-family: 'FZSKJW';font-size: 0.72rem;letter-spacing: 0.07rem; right: -0.05rem; top: 0;transform: rotate(90deg);width: 0.72rem;}
.css-125-2 .box .pic,
.css-125-2 .box .txt{float: left;}
.css-125-2 .box-1{margin-bottom: 1.2rem;}
.css-125-2 .box-1 .pic{width: 4.13rem; margin-left: 0.07rem;position: relative;}
.css-125-2 .box-1 .pic:after{position: absolute;content: '';width: 1.47rem;height: 0.43rem;background: url(../images/line-wave.svg) repeat-x 0 0;background-size: auto 100%; left: 3.46rem; bottom: -0.18rem;}
.css-125-2 .box .txt{width: 2.2rem;padding-top: 0.44rem;}
.css-125-2 .box .txt p{font-size: 0.2rem;line-height: 2;color: #666; margin: 0.5rem 0 0 0;}
.css-125-2 .box .tit{margin: 0 auto; position: relative;display: flex;width: 1.42rem; height: 1.34rem;align-items: center; justify-content: center;}
.css-125-2 .box .tit aside{position: relative;z-index: 4;font-family: 'FZSKJW';
font-size: 0.36rem;color: #fff;}
.css-125-2 .box .tit i{position: absolute;z-index: 1;background-repeat:no-repeat;  width: 100%; height: 100%; left: 0; top:0; animation: infinite both 2.5s zhuan cubic-bezier(0.6, -0.28, 0.74, 0.05);}
.css-125-2 .box .tit i:nth-child(1){z-index: 3;background-image: url(../images/ye-1-80.svg); opacity: 0.8;background-size: 1.23rem 1.3rem; background-position: right top;}
.css-125-2 .box .tit i:nth-child(2){z-index: 2;background-image: url(../images/ye-2-10.svg); opacity: 0.1; background-size: 1.3rem 1.25rem; background-position: left bottom; animation-duration: 2.8s;}
.css-125-2 .box .tit i:nth-child(3){z-index: 1;background-image: url(../images/ye-3-20.svg); opacity: 0.2;background-size: 1.27rem 1.24rem; background-position: left 0.09rem top 0.04rem;animation-duration: 3s;}
.css-125-2 .box-1 .txt{margin-left: 0.37rem; padding-top: 0.44rem;}
.css-125-2 .box-2{margin-bottom: 1.7rem; padding-left: 0.89rem;}
.css-125-2 .box-2 .pic{float: right;width: 3.38rem; margin-right: 0.6rem;}
.css-125-2 .box-2 .en-tit{right: auto; left: -0.08rem;}
.css-125-2 .box-2 .txt{padding-top: 0.52rem;}
.css-125-2 .box-3{padding-left: 0.6rem;}
.css-125-2 .box-3 .pic{width: 3.6rem;position: relative;}
.css-125-2 .box-3 .pic p{position: absolute;width: 3.51rem;height: 2.56rem;background-color: #d6ebf2; left: 2.65rem; bottom: 0; z-index: 10; padding: 0.5rem 0 0 0.35rem;font-size: 0.2rem;line-height: 2;color: #666;margin: 0;}
.css-125-2 .box-3 .txt{padding-top: 0.86rem;}
.css-125-2 .box-3 .en-tit{letter-spacing: 0;}

.css-125-3 .pic-1{width: 6.3rem;position: relative;}
.css-125-3 .pic-1:before{position: absolute;content: ''; z-index: -1;width: 2rem; height: 2rem; background-color: #08d6d4;right: -0.67rem; bottom: -0.64rem;}
.css-125-3 .pic-1 .dot-img{position: absolute;width: 1.47rem;height: 1.4rem;right: -0.42rem; bottom: -0.42rem;}
.css-125-3 .pic-1 .tit{position: absolute;bottom:0; margin-bottom:-0.35rem;font-family: 'FZSKJW';font-size: 0.72rem;left: 0.18rem;color: #d4eaef;}
.css-125-3 .txt-1{padding-left: 0.62rem;padding-top: 0.34rem;padding-right: 1.5rem; padding-bottom: 1.7rem;}
.css-125-3 .txt-1 .tit{font-size: 0.4rem;}
.css-125-3 .txt-1 p{line-height: 1.833;}
.css-125-3 .box{position: relative;padding-left: 1.25rem;}
.css-125-3 .box > .tit{color: #c5dff1;font-size: 0.98rem;font-family: 'FZSKJW'; transform-origin: 0 0;transform: rotate(90deg);position: absolute;left:0.86rem; top:0;}
.css-125-3 .box .txt-1{padding-left: 0;padding-right: 0.62rem;padding-bottom: 0.5rem;}
.css-125-3 .box dl{display: flex; margin-top: 0.59rem;}
.css-125-3 .box dd{margin-right: 0.6rem;}
.css-125-3 .box dd:nth-child(1){width: 1.3rem;}
.css-125-3 .box dd:nth-child(2){width: 1.45rem;}
.css-125-3 .box dd:nth-child(3){width: 1.3rem;margin-right:0;}


.qui-indexz{position: relative;z-index: 2;}

.qui-list-news .item{display: flex;width: 100%;}
.qui-list-news .item a{width: 6.17rem;display: block;}
.qui-list-news .item:nth-child(2n){justify-content: flex-end;}
.qui-list-news .item li{padding: 0.6rem 0 1.5rem 0;}
.qui-list-news .item:nth-child(2n) li{padding-right: 0.64rem;}
.qui-list-news .item li aside{font-size: 0.32rem;line-height: .5rem;margin-bottom: 0.3rem;font-weight: 500;}
.qui-list-news .item li pre{font-size: .24rem;line-height: .4rem;}
.qui-list-news .item time{display: block;float: left;color: #999;font-size: .18rem;}
.qui-list-news .item time *{line-height: 1;display: block;font-style: normal;font-family: 'Arial';}
.qui-list-news .item time em{font-size: .36rem;font-weight: bold;color: #0153b2;margin-bottom: .16rem;margin-top: .06rem;}
.qui-list-news .item .quiinfo{margin-left: 1.35rem;}
.qui-list-news .item:nth-child(odd) li{margin-left: .6rem;}

.qui-news-info{padding-left: 0.4rem; padding-right: 0.4rem;}
.qui-news-info .quinewstt{padding-top:.5rem}
.qui-news-info .quinewstt{font-size:.42rem;line-height:.54rem;color:#000;font-weight:400}
.qui-news-info .quinewstm{padding:.32rem 0 .4rem;display:block;color:#999}
.qui-news-info .quinewstxt{line-height:.44rem;color:#696969;padding-bottom:.98rem}
.qui-news-info .quinewstxt img{height:auto !important;}
.qui-news-info .quinewsbtn .quidiv{line-height:1rem;border-top:1px solid #eee;color:#696969}
.qui-news-info .quinewsbtn .quidiv a{color:#696969}
.qui-news-info .quinewsbtn .quidiv:nth-child(2){border-bottom:1px solid #eee}
.qui-news-info .quiback a{display:block;width:2rem;line-height:.6rem;border:.02rem solid #000;color:#000;font-size:.2rem;margin:.8rem auto 0;text-align:center;border-radius:.5rem}


.qui-ytable{display:table;width:100%;table-layout:fixed;}
.qui-ytable-cell{display:table-cell;vertical-align:middle;}
.qui-ytable-cell img{max-height:100%;}

.qui-service-365:after{position: absolute;content: '';left: -1.2rem; bottom: -1.2rem;width: 2.4rem; height: 2.4rem;background: url(../images/quan.png) no-repeat; background-size: contain; animation: infinite both 3s zhuan linear; opacity: 0.6;}
.qui-service-365:before{top: 1.4rem;}

.anhua-find .cate-name{position: absolute;left: 0; top: -1rem; margin-bottom: 0;}
.anhua-find .prod-menu .hover-nav{top: -0.44rem;}

.qui-service-365-1{padding: 1.86rem .58rem 0 .58rem;position: relative;background: url(../images/360ttbg.png) left repeat-y;background-size: 100% auto;margin-top: -1.85rem;}
.qui-service-365-1 .quiimg{width: .69rem;margin-bottom: .7rem;}
.qui-service-365-1 h4{font-size:.7rem;color:#00428e;opacity:.2;font-family:'Oswald-Bold';font-weight:bold;text-transform:uppercase;background-image:linear-gradient(180deg,rgba(0,66,142,0.2),transparent);-webkit-background-clip:text;color:transparent;margin: 0}
.qui-service-365-1 h3{color: #00428e;font-size: .54rem;font-family: FZSKJW;margin: 0 0 .75rem;padding-bottom: .1rem;background: url(../images/360ttbg2.jpg) no-repeat bottom left;background-size: auto .2rem;font-weight: normal;}
.qui-service-365-1 .quitxt{font-size: .24rem;line-height: .4rem;}

.qui-service-365-1 .quiimg2{width: 6.9rem;position: relative;margin-left: -.58rem;margin-top: .9rem;padding-bottom: .7rem;padding-right: .7rem;}
.qui-service-365-1 .quiimg2::after{content: '';position: absolute;right: 0;bottom: 0;z-index: 5;width: 1.7rem;height: 1.7rem;background: rgba(1, 83, 178, .03);}

.qui-service-365-2 .quiimg{width: 3.6rem;}
.qui-service-365-2 .quiinfo{padding: .3rem .6rem;line-height: .4rem;}
.qui-service-365-2 .quiinfo .quiname{font-size: .36rem;font-weight: 500;margin-bottom: .2rem;position: relative;}
.qui-service-365-2 .quiinfo .quiname em{color: transparent;font-size: .72rem;font-style: normal;font-family:-apple-system,BlinkMacSystemFont,"Microsoft YaHei UI","Microsoft YaHei",Arial,sans-serif; -webkit-text-stroke: 1px #0153b2;position: absolute;left: 0;bottom: .09rem;}
.qui-service-365-2 .quiinfo .quiname i{color: #0153b2;font-size: .72rem;font-style: normal;font-family:-apple-system,BlinkMacSystemFont,"Microsoft YaHei UI","Microsoft YaHei",Arial,sans-serif;padding-left: .04rem;vertical-align: text-top;margin-right: .1rem;position: relative;top: -.05rem;}
.qui-service-365-2{padding-bottom: .2rem;}
.qui-service-365-2 .ULLIST>li{padding-top: .8rem;}

.qui-service-name{padding: 1.35rem .58rem 1rem;position: relative;background: url(../images/360ttbg.png) left repeat-y;background-size: 100% auto;}
.qui-service-name::after{content: '';position: absolute;width: .69rem;height: .59rem;background: url(../images/360dot.png) left top no-repeat;left: .58rem;top: 0.2rem;background-size: 100% 100%;}
.qui-service-name .h4{font-size:.7rem;color:#00428e;opacity:.2;font-family:'Oswald-Bold';font-weight:bold;text-transform:uppercase;background-image:linear-gradient(180deg,rgba(0,66,142,0.2),transparent);-webkit-background-clip:text;color:transparent;margin: 0}
.qui-service-name .h3{color: #00428e;font-size: .54rem;font-family: FZSKJW;margin: 0;padding-bottom: .1rem;background: url(../images/360ttbg2.jpg) no-repeat bottom left;background-size: auto .2rem;font-weight: normal;}

.qui-service-box2{padding-bottom: 1rem;padding-top: 0.5rem;}
.qui-service-box2 .ULLIST .li{padding: .3rem .6rem;line-height: .4rem;text-align: justify;}
.qui-service-box2 .ULLIST .li.on{background: #fff;}
.qui-service-box2 .ULLIST .li .quidiv1{position: relative;padding-right: .3rem;margin-bottom: .05rem;cursor: pointer;font-weight: 500;}
.qui-service-box2 .ULLIST .li .quidiv1::after{width: .21rem;height: .21rem;content: '';position: absolute;right: 0;top: .095rem;background: url(../images/icojia.png) center no-repeat;background-size: 100% 100%;z-index: 10;}
.qui-service-box2 .ULLIST .li.on .quidiv1{color: #0153b2;}
.qui-service-box2 .ULLIST .li.on .quidiv1::after{background-image: url(../images/icojia2.png);}
.qui-service-box2 .ULLIST .li .quidiv2{display: none;}


.qui-contact-box2{padding: 1rem .65rem .2rem;}
.qui-contact-box2 .ULLIST .li .quidiv2{display: none;padding: .3rem 0;}
.qui-contact-box2 .ULLIST .li .quidiv1{position: relative;border-bottom: 1px solid #cfe4ef;font-size: .28rem;font-weight: bold;line-height: .72rem;padding: .19rem .5rem .19rem 0;}
.qui-contact-box2 .ULLIST .li .quidiv1::after{content: '';position: absolute;width: .24rem;height: .24rem;background: url(../images/icoconbg1.png) center no-repeat;background-size: auto .22rem;position: absolute;right: 0;top: .43rem;z-index: 10;}
.qui-contact-box2 .ULLIST .li.on .quidiv1::after{background-image: url(../images/icoconbg2.png);background-size: auto .13rem;}

.qui-contact-box2 .ULLIST .li .quidiv2 .DLLIST{line-height: .4rem;padding: .15rem 0;}
.qui-contact-box2 .ULLIST .li .quidiv2 .DLLIST dt{padding: .07rem 0;font-weight: 500;}
.qui-contact-box2 .ULLIST .li .quidiv2 .DLLIST dd{padding: .07rem .4rem .07rem 0;position: relative;color: #666;}
.qui-contact-box2 .ULLIST .li .quidiv2 .DLLIST dd::after{content: '';width: .35rem;height: .3rem;background: center right no-repeat;background-size: auto 100%;position: absolute;right: 0;top: .12rem;}
.qui-contact-box2 .ULLIST .li .quidiv2 .DLLIST a{display: block;}
.qui-contact-box2 .ULLIST .li .quidiv2 .DLLIST dd.dd1::after{background-image: url(../images/icocon11.png);}
.qui-contact-box2 .ULLIST .li .quidiv2 .DLLIST dd.dd2::after{background-image: url(../images/icocon2.png);}
.qui-contact-box2 .ULLIST .li .quidiv2 .DLLIST dd.dd1:hover::after{background-image: url(../images/icocon1.png);}
.qui-contact-box2 .ULLIST .li .quidiv2 .DLLIST dd.dd2:hover::after{background-image: url(../images/icocon22.png);}

.qui-contact-box3{position: relative;z-index: 1;padding-top: 0.76rem;padding: 0.76rem 0.62rem 0;}
.qui-contact-box3:before{position: absolute;z-index: -1;content: '';left: -0.92rem;top:0;width: 2.4rem;height: 2.4rem;background: url(../images/quan.png) no-repeat;background-size: contain;animation: infinite both 3s zhuan linear;opacity: 0.6;}
.qui-contact-box3 .name{font-family: 'FZSKJW';font-size: 0.4rem;border-bottom:1px solid rgba(0,44,94,0.05);padding-bottom: 0.42rem; margin-bottom: 0.6rem;}
.qui-contact-box3 ul{display: flex;align-items: center;justify-content: space-between;padding: 0 0.57rem;background: url(../images/codebg.png) no-repeat;background-size: 6.08rem auto;}
.qui-contact-box3 ul li{width: 1.93rem;text-align: center;}
.qui-contact-box3 ul li figure{height: 1.93rem;background-color: rgba(255,255,255,0.3);border: solid 1px #effafc;display: flex;align-items: center;justify-content: center; margin-bottom: 0.2rem;}
.qui-contact-box3 ul li img{width: 1.6rem; height: 1.6rem;}


.qui-conmap *{max-width: none;}
.qui-conmap #allmap{position: relative;height: 0;border: 1px solid #e0e0e0;padding-bottom: 75.08%;margin-top: .55rem;}

.qui-contact-box1{padding: 0 .6rem;}

.qui-contact-box1 .divname{font-size: .4rem;line-height: .72rem;margin-bottom: .45rem;font-family: 'FZSKJW';}
.qui-contact-box1 .divtxt{line-height: .4rem;font-size: .24rem;font-weight: 500;padding: .12rem 0;}
.qui-contact-box1 .divtxt1,
.qui-contact-box1 .divtxt3{position: relative;padding-right: .4rem;background: right .17rem no-repeat;background-size: auto .3rem;}
.qui-contact-box1 .divtxt1{background-image: url(../images/icocon11.png);}
.qui-contact-box1 .divtxt3{background-image: url(../images/icocon2.png);}
.qui-contact-box1 .divtxt1:hover{background-image: url(../images/icocon1.png);}
.qui-contact-box1 .divtxt3:hover{background-image: url(../images/icocon22.png);}


.Searchname{ font-size: .28rem;padding-bottom:.55rem}
.Searchname span{ padding: 0 .2rem;}
.Searchname a{ display: block; color: #666; border-bottom: .01rem solid transparent; padding-bottom: .05rem;}
.Searchname a.aon{ color: #000; border-bottom-color:#000;}
.Searchnameflex {display: flex;display: -webkit-flex;align-items: center;justify-content: center;}

.shareIndex{padding:1.3rem 0 0.5rem;background-color:#00428e;color:#fff;}
.shareIndex .inner{padding: 0 0.4rem;}
.shareIndex .tit{font-size:.36rem;padding:.45rem 0 .2rem;text-align:center}
.shareIndex .flex{padding:.5rem 0 .26rem;display: flex;align-items: center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1)}
.shareIndex .name{min-width:2rem}
.shareIndex ol{text-align:center}
.shareIndex .btn{display:inline-block;width:2rem;line-height:.6rem;text-align:center;color:#fff;font-size:.2rem;border:1px solid #fff;border-radius:.5rem;margin:.5rem 0 .15rem}

.open_sharePro{position: fixed;z-index: 300;background-color: rgba(0,0,0,.8);left: 0;top: 0;width: 100vw;height: 100vh;z-index: 200;display: none;}
.open_sharePro .inner{background-color: transparent;color: #fff;top: 0;transform: none;width: 100%;left: 0;padding-top: 2.5rem;border-radius: .1rem;z-index: 2;position: relative;height: 100vh;}.open_sharePro .otherCOn { text-align: center;}
.open_sharePro .inner h2 {font-size: .5rem;line-height: 2;margin: 0;font-weight: normal;text-align: center;}
.open_sharePro input{border: 0;background: none;}
.open_sharePro .inner h2 i { display: inline-block;width: .8rem;height: .21rem; background: url(../images/line-dot.png) no-repeat center;background-size: contain;vertical-align: middle;margin: 0 .2rem;}
.open_sharePro .icon {width: 2rem;height: 2rem;background: url(../images/arrow_icon11.svg) no-repeat center;background-size: contain; position: absolute; right: .2rem; top: 0;}
.open_sharePro .close {position: absolute;left: 50%;transform: translateX(-50%); bottom: 1rem; width: .4rem;height: .4rem;background: url(../images/x-gray.svg) no-repeat center;background-size: contain;}

.terms{padding: 0.7rem 0.56rem 0.6rem; text-align: justify;}
.terms .item{position: relative;border-right: 0.1rem;background: url("../images/term-bg.png") no-repeat top center; background-size: cover;padding: 0.48rem 0.5rem 0.88rem 0.5rem}
.terms  .item .icon{position: absolute;display: inline-block;top: 0;left: 4.6%;width: 0.98rem;transform: translateY(-0.4rem);}
.terms  .item_tit{font-size: 0.3rem;font-weight: normal;color: #00428e;margin: 0;font-family: 'syht-Bold';}
.terms  .item_tit span{display: inline-block;position: relative;}
.terms  .item_tit span::after{content:"";display: block;height: 6px;background-color: #fcd95b;position: absolute;left: -4px;right: -4px;bottom: 0;margin: auto;z-index: -1;}
.terms .item_tit .num{font-style: normal;font-family: 'Oswald-Bold';}
.terms  .txt{line-height: 1.5;  color: #555555;margin-top: 0.3rem;}
.terms  .table{border:0.01rem solid #92afcf;text-align: center;font-weight: normal;color: #555555;}
.terms  .table tbody tr:first-child{background-color: #00428e;}
.terms  .table th,
.terms  .table td{border:0.01rem solid #92afcf;padding: 0.1rem;font-size: 0.2rem;}
.terms  .table th{border:0.01rem solid #2d64a2}
.terms  .table th{font-weight: lighter;color: #ffffff;}
.terms  .table th:first-child{width:1.2rem;}
.terms  .table th:nth-child(2){}
.terms  .table th:nth-child(3){width:0.8rem;}
.terms  .table .color_00428e,
.terms  .table td:last-child{color: #00428e;font-weight: bold;background-color: #f4f7fb;}
.terms  .table tr:last-child td{color: #555;background-color: transparent;font-weight: lighter;}
.terms .item4 .txt > p{margin:0.3rem 0 0 0;}
.terms  .code{display: flex;justify-content: space-between; }
.terms  .code .pic{width: 2.6rem;text-align: center;color: #999;line-height: 0.4rem;flex-shrink: 0;}
.terms  .code .pic img{width: 1.79rem;}
.terms  .code p{margin: 0;}

.txt-88  .table{border:0.01rem solid #92afcf;text-align: center;font-weight: normal;color: #555555;}
.txt-88  .table tbody tr:first-child{background-color: #00428e;}
.txt-88  .table th,
.txt-88  .table td{border:0.01rem solid #92afcf;padding: 0.1rem;font-size: 0.2rem;}
.txt-88  .table th{border:0.01rem solid #2d64a2}
.txt-88  .table th{font-weight: lighter;color: #ffffff;}
.txt-88  .table th:first-child{width:1.2rem;}
.txt-88  .table th:nth-child(2){}
.txt-88  .table th:nth-child(3){width:0.8rem;}
.txt-88  .table .color_00428e,
.txt-88  .table td:last-child{color: #00428e;font-weight: bold;background-color: #f4f7fb;}
.txt-88  .table tr:last-child td{color: #555;background-color: transparent;font-weight: lighter;}

.txt-88-2  > p{margin:0.3rem 0 0 0;}
.txt-88-2  .code{display: flex;justify-content: space-between; }
.txt-88-2  .code .pic{width: 2.6rem;text-align: center;color: #999;line-height: 0.4rem;flex-shrink: 0;}
.txt-88-2  .code .pic img{width: 1.79rem;}
.txt-88-2  .code p{margin: 0;}

.hideContent{display:none;}

.buy-fixedbox{display:none;position: fixed;left: 0;top:0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);z-index: 100;}
.buy-fixedbox .main{position: fixed;top: 50%;transform: translateY(-50%);background-color: #fff;border-radius: 0.1rem;left: 0.2rem;right: 0.2rem; padding: .45rem;}
.buy-fixedbox .main .close{width: 0.3rem;height: 0.3rem; background: url(../images/x-gray.svg) no-repeat;background-size: contain;position: absolute;right: 0.2rem;top: 0.2rem;}
.buy-fixedbox h4{text-align: center;font-size: 0.32rem; margin-bottom: 1em;}
.buy-fixedbox dl{display: flex;justify-content: space-between;}
.buy-fixedbox dl dd{width: 1.9rem;}
.buy-fixedbox dl dd a{border: 1px solid #eee; border-radius: 0.1rem;background-color: #f3f4f6;display: block; text-align: center; padding: 0.4rem 0 0.3rem 0;}
.buy-fixedbox dl dd .icon{margin-bottom: 0.2rem;}
.buy-fixedbox dl dd .tit{margin-bottom: 0.3rem;font-size: 0.22rem;}
.buy-fixedbox dl dd .go{opacity: 0.5;font-size: 0.2rem;}
.buy-fixedbox .more{padding-top: 0.4rem;text-align: center;}
.buy-fixedbox .more a{display: inline-block;}
.buy-fixedbox .more a:after{display: inline-block;;content: ''; width: 0.22rem;height: 0.2rem;background: url(../images/more-r.svg) repeat-x; background-size: contain; vertical-align: middle; margin-left: 0.1rem; animation: lr 0.5s ease-out infinite alternate both;}
@keyframes lr{
	0%{transform: translateX(0);}
	100%{transform: translateX(5px);}
}

.getback-list{text-align: center; padding-bottom: 0.5rem;}
.getback-list a{display: inline-block;line-height: 3; padding: 0 2em; border: 1px solid #333; border-radius: 2em;}
.getback-list a:before{display: inline-block;;content: ''; width: 0.22rem;height: 0.2rem;background: url(../images/back.svg) repeat-x; background-size: contain; vertical-align: middle; margin-right: 0.1rem; }

.prod-bigImage{padding: 0 0.6rem 0.6rem;}
.prod-bigImage .big{margin-top: 1em;}
.prod-bigImage .Ispic{padding-bottom: 50%;}
.prod-bigImage .big aside{position: absolute; left: 0.3rem;top: 0.3rem; border-radius: 1em; padding: 0 1em;background-color: rgba(0,66,142,0.1);color: #00428e;line-height: 2;}
.prod-bigImage .big .icon{width: 0.4rem;height: 0.4rem;background: url(../images/download-white.svg) no-repeat center center; background-size: contain;position: absolute;right: 0.2rem; bottom: 0.2rem;z-index: 10;}
.prod-bigImage .small{margin-top: 10px;}
.prod-bigImage .small aside{margin-top: 5px;font-size: 0.8em;}