.bgf5 { background:#f5f5f5; }
@font-face {
	font-family: 'arial';
	src: url("../font/Roboto-Regular.ttf");
}


@font-face {
	font-family: 'syht';
	src: url("../font/思源黑体CN-Regular.otf");
}

@font-face {
	font-family: 'SourceHanSansCN-Normal';
	src: url('../fonts/SourceHanSansCN-Normal.eot');
	src: local('☺'),
		url('../fonts/SourceHanSansCN-Normal.eot?#iefix') format('embedded-opentype'),
		url('../fonts/SourceHanSansCN-Normal.woff') format('woff'),
		url('../fonts/SourceHanSansCN-Normal.ttf') format('truetype'),
		url('../fonts/SourceHanSansCN-Normal.otf') format('opentype'),
		url('../fonts/SourceHanSansCN-Normal.dfont') format('dfont'),
		url('../fonts/SourceHanSansCN-Normal.svg#SourceHanSansCN-Normal') format('svg');
}


:root {
    --blue: #962128;
}

a:active{star:expression(this.onFocus=this.blur());}
a:focus,button:focus{outline:none; -moz-outline:none;}
:focus{outline:none;}
/*Reset Css*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img,area,param{margin:0; padding:0;}
html,body{margin:0; padding:0; font-family:'syht'; -webkit-text-size-adjust:none;font-weight: lighter !important;}
input,button,select,textarea{font-family:'syht'; }
ol,ul{padding-left:0; list-style:none;}
img{border:none; display:inline-block; vertical-align:middle;}
th{font-style:normal;font-weight:normal;}
h1,h2,h3,h4,h5,h6,p{font-size:100%; }
input{display:inline-block; vertical-align:middle;color:#666;}

fieldset{border:none;}
legend{display:none;}
/*Clear Css*/
.clear{clear:both; font-size:0; height:0; line-height:0;}
.clearfix:after{content:'\20';display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.clearb{ clear:both;}
.clearfix{display:block;zoom:1;}
* html .clearfix{height:1%;}
/*Common Css*/
body{font-size:12px;}
a{ text-decoration:none;}
.fl{float:left; _display:inline;}
.fr{float:right; _display:inline;}
.clearfix {
    clear: both;
}
.clearfix:after {
    clear: both;
    height: 0;
    content: "";
    line-height: 0;
    font-size: 0;
    display: block;
}
.relative { position: relative; }
::-ms-clear, ::-ms-reveal{display: none;}
input[type=button],input[type=submit],input[type=reset],select{border-radius:0;-webkit-appearance: none;-moz-appearance: none;}
a:focus,a:hover{-webkit-tap-highlight-color:rgba(0,0,0,0);transition: all 0.3s linear;}
.swiper-button-next,.swiper-button-prev{z-index:3 !important;}
textarea {resize: none;}
* { font-family:"SourceHanSansCN-Normal","PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;}

.yh { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.eh { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.sh { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
/*字体*/
.marginT5 { margin-top:0.05rem; }
.marginT6 { margin-top: 0.06rem; }
.marginT8 { margin-top: 0.08rem; }
.marginT10 { margin-top:0.1rem; }
.marginT15 { margin-top:0.15rem; }
.marginT20 { margin-top:0.2rem; }
.marginT30 { margin-top:0.3rem; }
.marginT40 { margin-top:0.4rem; }
.marginT50 { margin-top:0.5rem; }
.marginT60 { margin-top:0.6rem; }
.marginT70 { margin-top:0.7rem; }
.marginT80 { margin-top:0.8rem; }
.marginT90 { margin-top:0.9rem; }
.marginT100 { margin-top:1rem; }
.marginT120 { margin-top:1.2rem; }
.lh12 { line-height:1.2!important; }
.lh13 { line-height:1.3!important; }
.lh14 { line-height:1.4!important; }
.lh15 { line-height:1.5!important; }
.lh16 { line-height:1.6!important; }
.lh17 { line-height:1.7!important; }
.lh18 { line-height:1.8!important; }
.lh19 { line-height:1.9!important; }
.font80 { font-size:0.8rem; line-height: 1.2; }
.font55 { font-size:0.55rem; line-height: 1.2; }
.font58 { font-size:0.58rem; line-height: 1.2; }
.font50 { font-size:0.5rem; line-height: 1.2; }
.font72 { font-size:0.72rem; line-height: 1.2; }
.font70 { font-size:0.7rem; line-height: 1.2; }
.font40 { font-size:0.4rem; line-height: 1.2; }
.font42 { font-size:0.42rem; line-height: 1.2; }
.font46 { font-size:0.46rem; line-height: 1.2; }
.font44 { font-size:0.44rem; line-height: 1.2; }
.font48 { font-size:0.48rem; line-height: 1.2; }
.font76 { font-size:0.76rem; line-height: 1.2; }
.font26 { font-size:0.26rem; line-height: 1.2; }
.font28 { font-size:0.28rem; line-height: 1.2; }
.font36 { font-size:0.36rem; line-height: 1.2; }
.font24 { font-size:0.24rem; line-height: 1.2; }
.font32 { font-size:0.32rem; line-height: 1.2; }
.font30 { font-size:0.30rem; line-height: 1.2; }
.font22 { font-size:0.22rem; line-height: 1.2; }
.font21 { font-size:0.21rem; line-height: 1.2; }
.font20 { font-size:0.20rem; line-height: 1.2; }
.font18 { font-size:0.18rem; line-height: 1.6; }
.font16 { font-size:0.16rem; line-height: 1.6; }
.font15 { font-size:0.15rem; line-height: 1.6; }
.font14 { font-size:0.14rem; line-height: 1.6; }
.font12 { font-size:0.12rem; line-height: 1.6; }
.font60 { font-size:0.60rem; line-height: 1.2; }
.font56 { font-size:0.56rem; line-height: 1.2; }
.font64 { font-size:0.64rem; line-height: 1.2; }
.font66 { font-size:0.66rem; line-height: 1.2; }
.font120 { font-size:1.2rem; line-height: 1.2; }
.font85 { font-size: 0.85rem; line-height: 1.2; }

.bold { font-weight:bold; }
.borderRadius6 { border-radius: 6px; overflow: hidden; }
.borderRadius10 { border-radius: 0.1rem; overflow: hidden; }
.borderRadius20 { border-radius: 0.2rem; overflow: hidden; }
.borderRadius30 { border-radius: 0.3rem; overflow: hidden; }
.borderRadius40 { border-radius: 0.4rem; overflow: hidden; }

.alignC { text-align:center; }
.alignL { text-align:left; }
.alignR { text-align:right; }
.colorWhite { color:#fff; }
.colorRed { color: var(--red); }
.color1 { color:#111; }
.color2 { color:#222; }
.color3 { color:#333; }
.color4 { color:#444; }
.color46 { color:#465059; }
.color5 { color:#555; }
.color6 { color:#666; }
.color7 { color:#777; }
.color8 { color:#888; }
.color9 { color:#999; }
.color0 { color:#000; }
.colorA { color:#aaa; }
.colorB { color:#bbb; }
.colorC { color:#ccc; }
.colorD { color:#ddd; }
.textTra { text-transform:uppercase; }
.opa1 { opacity: 0.1; }
.opa2 { opacity: 0.2; }
.opa3 { opacity: 0.3; }
.opa4 { opacity: 0.4; }
.opa5 { opacity: 0.5; }
.opa6 { opacity: 0.6; }
.opa7 { opacity: 0.7; }
.opa8 { opacity: 0.8; }
.opa9 { opacity: 0.9; }
.colorBlue { color:var(--red); }
.weight100 { font-weight: 100; }
.weight200 { font-weight: 200; }
.weight300 { font-weight: 300; }
.weight400 { font-weight: 400; }
.weight500 { font-weight: 500; }
.weight600 { font-weight: 600; }
.weight700 { font-weight: 700; }
.weight800 { font-weight: 800; }
.weight900 { font-weight: 900; }
@media(max-width: 1600px){
    .font20 { font-size: 0.24rem; }
    .font26 { font-size: 0.3rem; }
    .font18 { font-size: 0.2rem; }
    .font16 { font-size: 0.2rem; }
    .font14 { font-size: 0.2rem; }
    .font12 { font-size: 0.2rem; }
}
@media(max-width: 1400px){
    .font16 { font-size: 0.2rem; }
    .font14 { font-size: 0.2rem; }
    .font12 { font-size: 0.2rem; }
}
@media(max-width: 1100px){
    .font64 { font-size:0.5rem; }
    .font76 { font-size: 0.5rem; }
}




.table{height:100%;display:table;width:100%;}
.table-cell{display:table-cell;vertical-align:middle;}

.textover{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
input::placeholder{color:#666;}
input:-ms-input-placeholder {
    color: #666 !important;
}
input::-webkit-input-placeholder {
    color: #666;
}
/* Firefox 4-18 */
input:-moz-placeholder {
    color: #666;
}

/* Firefox 19-50 */
input::-moz-placeholder {
    color: #ccc;
}

/* - Internet Explorer 10–11
   - Internet Explorer Mobile 10-11 */
input:-ms-input-placeholder {
    color: #666 !important;
}

/* Edge (also supports ::-webkit-input-placeholder) */
input::-ms-input-placeholder {
    color: #666;
}

/* CSS Working Draft */
input::placeholder {color: #666;}



@media (max-width:60000000px){
    html{
        font-size: calc(100vw/19.2) !important;
    }
}

@media (max-width:1100px){
    html{
        font-size: calc(100vw/7.5) !important;
    }
}

.w_1580{width:82.3%;margin: 0 auto;}
.w_1400{width:72.9%;margin: 0 auto;}
.w_1460{width:76%;margin: 0 auto;}
.w_1760{width:91.66%;margin: 0 auto;}
.w_1720{width:89.6%;margin: 0 auto;}
.w_1530{width:79.68%;margin: 0 auto;}
.w_1770{width:92.18%;margin: 0 auto;}
.w_1500{width:78.125%;margin: 0 auto;}






.xg_pic{overflow:hidden;position: relative;}
.xg_pic img{transition: all 0.3s linear;}
.home_Innovationlist .xg_pic:before{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    background-color: rgba(0,0,0,0.5);
    z-index: 4;
    opacity: 0;
}

body,.homec { width: 100%;overflow-x:hidden;}

/*Home Page*/
.homea { padding: 0.8rem 0 1rem; }
.homea_b { width: 35%; position: absolute; bottom:0; right:0; }
.font198 { font-size: 1.98rem; line-height: 1; }
.homea_b ul li:nth-child(n+2) { margin-top: 0.2rem; border-top:1px solid #b2b2b2; }
.mtit { position: relative; }
.homea_c { width: 55%; }
.homea_c .con p:nth-child(n+2) { margin-top: 0.3rem; }
.mb { display:none;  }
@media(max-width: 1100px){
    .mb { display: block;  }
    .homea { padding: 0.6rem 0 0.6rem; }
    .font198 { font-size: 1rem; line-height: 1; }
    .homea_b { position: relative; float:left; width: 100%; }
    .homea_b ul li { width: 50%; float:left; }
    .homea_b ul li:nth-child(n+2) { margin-top: 0rem; border-top: none; }
    .homea_b ul li:nth-child(n+3) { width: 100%; margin-top: 0.3rem; border-top:1px solid #b2b2b2; }
    .mtit { font-size: 0.3rem; }
    .homea_c { width: 100%; margin-top: 0.3rem; }
    .homea_c .con p:nth-child(n+2) { margin-top: 0.1rem; }
}

.marginT100 { margin-top: 1rem; }
.font118 { line-height: 1; font-size: 1.18rem; }
.homeb { padding: 1rem 0 1.2rem; background: url(../img/homeb1.jpg) no-repeat center/cover; }
.homeb_2 .swiper-slide { width: 100%; height: 2.5rem; }
.homeb_3 { position: absolute; left:0; top: 50%; transform:translateY(-50%); width: 100%; padding: 0 50px; }
.homeb_2 .swiper_qh:after { font-size: 30px; color:#333333; }
.homeb_2 .swiper_qh:hover:after { color: var(--red); }
.homeb_4 .swiper-slide { width: 2.4rem; height: 2.4rem; }
.homeb_5 { position: relative; padding: 1.2rem 0; width: 2.4rem; height: 2.4rem; position: relative; }
.homeb_5 .t { position: absolute; left: 0; top: 1.6rem; width: 100%; }
.homeb_4:before { content:''; width: 100%; height: 1px; background: var(--red); position: absolute; left:0; top: 50%; background: #a9a9a9; }
.homeb_4 .swiper-slide.line:after { content:''; width: 100%; height: 1px; background: var(--red); position: absolute; left:0; top: 50%; }
.homeb_4 .swiper-slide-thumb-active:after { content:''; width: 50%; height: 1px; background: var(--red); position: absolute; left:0; top: 50%; }
.homeb_4 { padding: 0 1rem; }
/*.homeb_4:before { content:''; width: 1rem; position: absolute; left:0; top: 50%; height:1px; background: var(--red); }*/
.homeb_4 .swiper-slide .circle { opacity: 0; transition:all 0.5s; width: 0; height: 0; border-radius: 50%; border: 1px dashed var(--red); position: absolute; left: 50%; top: 50%; transform:translate(-50%, -50%); }
.homeb_4 .swiper-slide-thumb-active:after { width: 10px; height: 10px; background: var(--red); border-radius: 50%; position: absolute; left: 50%; top: 50%; transform:translate(-50%, -50%); }
.homeb_4 .swiper-slide-thumb-active .circlea { width: 0.56rem; height: 0.56rem; opacity:1; }
.homeb_4 .swiper-slide-thumb-active .circleb { width: 2.3rem; height: 2.3rem; opacity:1; }
.homeb_4 .swiper-slide-thumb-active .t { font-size: 0.28rem; color: var(--red); }
.homeb_4 .swiepr-container { padding-bottom: 2px; }

.homec { padding: 1rem 0; }
.homec_2 { position: absolute; right: 0; bottom:0; }
.homec_21 { position: absolute; right: 0; bottom:0; }
.homec_2 a { background:#fff; margin-left: 0.1rem; display:inline-block; padding: 0.1rem 0.3rem;; line-height: 1; }
.homec_2 a.active { background: var(--red); color:#fff; }
.homec_4 { background: #fff; padding: 0.45rem 0.2rem 0.2rem; }
.homec_4:hover { background: var(--red);}
.homec_4:hover .t { color:#fff; }

.homec_4 .t { line-height: 0.3rem; min-height: 1.5rem; }
.homec_4 .img img { width: auto; height: 2rem; max-width: 100%; }
.homec_3 .swiper-container { position: relative; padding-bottom: 0.8rem; }
.homec_3 .swiper-container .swiper-pagination{position: absolute; ;bottom: 2px!important;}
.homec_3 .swiper-container .swiper-pagination .swiper-pagination-bullet{ transition:all 0.5s; width: 0.2rem; height: 2px; background: #666666; margin: 0 0.05rem; opacity: 1; border-radius:0; }
.homec_3 .swiper-container .swiper-pagination .swiper-pagination-bullet-active{background: var(--red); width: 0.6rem;}

@media(max-width: 1100px){
    .homec_2 { float:left; width: 100%; position: relative; margin-top: 0.3rem; }
    .homec_21 { float:left; width: 100%; position: relative; margin-top: 0.3rem; }
    .homec_2 a { margin: 0; }
    .homec_3 .swiper-container { padding-bottom: 1.4rem; }
    .homec .prodeta_4 { position: absolute; right:0; bottom: 0.4rem; }
}

.bgf2 { background: #f2f2f2; }
.padding110 { padding: 1.1rem 0; }
.small { display:inline-block; padding-right: 0.16rem; background: url(../img/homee1bg.png) no-repeat right center; background-size: auto 0.1rem; }
.homec_2 a.mainMore { padding: 0.16rem 0.22rem; border:none; }
.homec_2 a.mainMore i { display:inline-block; padding-right: 0.8rem; }
.homee_3 { width: 47%; }
.homee_2 { position: relative; display:flex; flex-wrap: wrap; }
.homee_4 { width: calc(53% - 1rem); margin-left: 1rem; position: relative; }
.homee_4 ul { position: relative; width: 100%; height: 100%; }
.homee_4 ul li { width: 100%; height: calc(33.3333% - 0.36rem); }
.homee_4 ul:after,.homee_4 ul:before { content:''; width: 100%; height: 1px; background: #c2c2c2; position: absolute; left:0; top: calc(33.33333% - 0.09rem); }
.homee_4 ul:before { top: calc(66.6666666% + 0.09rem); } 
.homee_4 ul li { position: relative; }
.homee_4 ul li:nth-child(n+2) { margin-top: 0.54rem; }
.homee_4 a { display: block; }
.homee_6 { display: block; width: 100%; position: relative; height: 100%; }
.homee_7 { position: absolute; left:0; top: 50%; transform:translateY(-50%); width: 54%; }
.homee_6 .img { position: absolute; right:0; top:0; height: 100%; }
.homee_6 .img img { width: auto; height: 100%; }
@media(max-width: 1100px){
    .homee_3 { width: 100%; }
    .homee_4 { margin: 0.5rem 0 0 0; padding-top: 0.26rem; border-top: 1px solid #c2c2c2; width: 100%; }
    .homee_7 { position: relative; }
}

.homed { background: #edebe7; }
.homed_3 { width: 4.6rem; position: absolute; left: 1.5rem; top: 50%; transform:translateY(-50%); }
.homed_2 { width: 62vw; height: 31vw; float: right; margin-right: 5vw; }
.homed_2 .chart { width: 100%; height: 100%; }
.homed_4 { padding-bottom: 0.3rem; border-bottom:1px solid #b7b6b3; }
.homed_4 ul li { float:left; margin-right: 0.35rem; }
.homed_4 ul li:last-child { margin-right:0; }
.homed_4 ul li img { width: 0.34rem; }
.homed_4 ul li img { width:4.32rem; }
.homed_5 b,.homed_5 strong { color: var(--red); }
.homed_5 p:nth-child(n+2) { margin-top: 0.3rem; }
@media(max-width:1600px){
    .homed_3 { left: 1rem; }
}
@media(max-width:1100px){
    .font56 { font-size: 0.46rem; }
    .homed_3 { left: 3vw; }
    .homed_3 { width: 100%; padding: 0 3vw; float:left; left:0; position:relative; top:0; transform:translateY(0); }
    .homed_2 { width: 100vw; height: 50vw; margin-right:0;margin-top: 0.3rem; }
}


.mainQh { right: 0!important; position: absolute; bottom:0!important; top: auto!important; transform:translateY(0); margin:0; width: 0.65rem!important; height: 0.65rem!important; background: #f3f3f3; }
.mainQh:after { color:#fff; font-size: 0.2rem!important; }
.mainQhPrev { left:auto; right: 0.8rem!important; }
.mainQh:hover { background: var(--blue); }
.mainQh:hover:after { color:#fff; }


@media(max-width: 1100px){
    .mainQh { bottom: -0.3rem; }
}













.page_zk{width: 100vw;height: 100vh;position: fixed;left: 0;top: 0;z-index: 110;overflow:hidden;transition: all 2s linear;}
.page_zk ul li{width: 100vw;height: 100vh;position: absolute;left: 0;top: 0;overflow:hidden;}
.page_zk ul li div{width: 50vw;height: 100%;background:#fff;position: relative;z-index: 3;transition: all 3s linear;}
.page_zk ul li:nth-of-type(2) div{width: 100vw;background: #0075C2;z-index: 2;transition: all 3s linear;}
.page_zk.on{ }
.page_zk.on ul li div{transform: translateX(300vw);}
.page_zk.on ul li:nth-of-type(2) div{transform: translateX(200vw);}
.h_100{width: 100vw;height: 100vh;}
.header{ background: #fff; width: 100%; position: fixed;left: 0;top: 0;z-index: 99;transition: all 0.5s linear;}
.header_r{ }
.nav{ }
.nav ul{ }
.nav ul li{ float:left; padding: 0.14rem 0; }
.nav ul li{position: relative;margin-right: 0.3rem;}
.nav ul li h2 a{ display:block; font-size: 0.18rem; line-height: 0.4rem; padding: 0 0.25rem; }

:root{
    --red: #962128;
}
.nav ul li:hover h2 a,.nav ul li.on h2 a{color: #fff!important; background: var(--red); }
.nav2{position: absolute;left: 50%;top: 0.8rem;transform: translateX(-50%);width: 300vw;display: none;background:rgba(236,241,246,0.8);height: 1rem;display: none;}
.nav2 dl{display: flex;justify-content: center;align-items: center;}
.nav2 dl dd{position: relative;margin: 0 0.5rem;height: 1rem;}
.nav2 dl dd a{font-size: 0.16rem;color:#333333;line-height: 1rem;position: relative;display: block;height: 100%;}
.nav2 dl dd::after{display: block;width: 0;height: 3px;content: '';background:#0075C2;position: absolute;left: 50%;top:98%;transform: translateX(-50%);transition: all 0.3s linear;}
.nav2 dl dd:hover::after{width: 100%;}
.nav2 dl dd:hover a{color: #006ED3;}
.lan{width:0.28rem;}
.lan img:nth-of-type(1){display: block;}
.lan img:nth-of-type(2){display: none;}
.search { height:0.18rem; width: 0.18rem; padding: 0.25rem 0; margin: 0 0.3rem 0 0.3rem;}
.lan { height:0.18rem; width: 0.18rem; padding: 0.25rem 0; margin: 0;}
.search svg,.lan svg{fill: #1b1b1b;}        
.search img:nth-of-type(1){display: block;}
.search img:nth-of-type(2){display: none;}
/*.swiper-container-home{width: 100vw;height: 100vh;overflow:hidden;}*/
/*.swiper-container-home .swiper-slide{width: 100vw;height: 100vh;}*/
/*#ban{ overflow: hidden; position: relative;width: 100%;height: 100vh; }*/
.font54 { font-size: 0.54rem; }
/*.ban_pic{width: 100vw;height: 100vh;position: relative;}*/
.ban_pic{width: 100vw;  position: relative;}
b { font-weight: bold; }
.ban_js .t { font-weight: 400; text-transform: uppercase; }
.ban_js a { padding: 0.12rem 0.4rem; border:1px solid #fff; transition:all 0.5s; margin-right: 10px; }
.ban_js a:hover { background: var(--red); border-color: var(--red); }
/*.ban { position: relative; padding-top: 0.65rem; }*/

.lan { position: relative; }
.lan .subLan { text-align:center; background: #fff;position: absolute;top: calc(100% - 1px); left:50%; transform:translateX(-50%); display: none;width: 80px;box-shadow: 0px 0px 5px #888888;border-radius: 3px;}
.lan:hover .subLan {display: block;}
.lan .subLan a { font-size: 0.16rem; display: block;width: 100%;line-height: 1;color: #666666;padding: 20px 0 20px;}
.lan .subLan a:nth-child(2) {padding: 0px 0 20px 0; }
.lan .subLan .cur {color: #46967d;}


.home_ban{width: 100vw; overflow:hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;transition:all 4s ease-in;transform: scale(1.3);}
/*.swiper-container-homeban .swiper-slide{width: 100vw;height: 100vh; position: relative; }*/

.swiper-container-homeban .swiper-slide:after { content:''; width: 100%; height: 100%; position:absolute; left: 0; top:0;  }
.swiper-container-homeban .swiper-slide { width: 100%; height: 100vh; }

.swiper-container-homeban .swiper-slide-active .home_ban{transform: scale(1);}
.swiper-pagination-homeban{position: absolute;left: 1.7rem !important;bottom: 0.6rem !important;}
.swiper-pagination-homeban .swiper-pagination-bullet{width: 0.1rem;height: 0.1rem;background: rgba(255,255,255,0.5);margin-right: 0.2rem;opacity: 1;}
.swiper-pagination-homeban .swiper-pagination-bullet-active{background: #fff;}
.nav_btn{width: 0.4rem;height: 0.26rem; box-sizing: border-box;position: relative;}
.nav_btn span{display: block;width: 0.32rem;height: 2px;background:#000;position: absolute;right: 0;}
.nav_btn span:nth-of-type(1){top: 0;width: 0.25rem;}
.nav_btn span:nth-of-type(2){top: 48%;}
.nav_btn span:nth-of-type(3){bottom: 0;}
.header.on .lan a { display:block; }
.header.on,.header.active { background:#f2f2f2; }
/*.header.active:before,.header.on:before { content:''; width: calc(100% - 2rem); left: 1rem; bottom:0; background: #d7d7d7; position: absolute; height: 1px; }*/
* { box-sizing: border-box; }
.topnum { padding: 0.24rem 0; line-height: 0.2rem; }
.topnum p,.topnum a { display: block; line-height: 0.2rem; padding-left: 0.32rem; background: url(../img/phonea.png) no-repeat left center; background-size: 0.19rem auto; }
.header.on { position: fixed; }
.header.on .nav ul li a,.header.active .nav ul li a{color: #333;}
.header.on .nav ul li a:hover,.header.active .nav ul li a:hover{color:#0075C2;}
.header.on .lan img:nth-of-type(1),.header.active .lan img:nth-of-type(1){display: none;}
.header.on .lan img:nth-of-type(2),.header.active .lan img:nth-of-type(2){display: block;}
.header.on .search svg,.header.active .search svg,.header.active .lan svg,.header.on .lan svg{fill: #333;} 
.header.on .search img:nth-of-type(2),.header.active .search img:nth-of-type(2){display: block;}
.header.on .nav_btn,.header.active .nav_btn{border-color: #333;}
.header.on .nav_btn span,.header.active .nav_btn span{background:#333;}

.nav_zkbg{width: 100%;height: 100vh;background: #fefdfb;position: fixed;top: -100%;right: -100%;transform: matrix(1, 0, 0, 1, 0, 0);border-radius: 50%;z-index: 102;transition: all 0.5s ease-in;}
.nav_zkbg.on {top: 0px;right: 10%;transform: matrix(4, 0, 0, 4, 0, 0);}
.nav_zk{width: 100%;height: 100vh;position: fixed;left: 0;top: 0;transition-delay: 0.5;opacity: 0;padding: 0 0.3rem;box-sizing: border-box;z-index:-1;}
.nav_zktop{display: flex;justify-content: space-between;align-items: center; padding: 0.3rem 0; border-bottom:1px solid #ededed; position: relative;z-index: 50;}
.nav_zklogo{width: 2rem;}
.nav_zkclose{  width: 0.3rem;cursor: pointer;position: relative;z-index: 30;}
.nav_zkseasub{width: 0.2rem;cursor: pointer;}

.nav_zkfotl{display: flex;align-items: flex-end;}
.nav_zkfotl ul{display: flex;align-items: center;}
.nav_zkfotl ul li{width:0.24rem;margin-right: 0.18rem;opacity: 0.8;transition: all 0.3s linear;}
.nav_zkfotl ul li:hover{opacity: 1;}
.nav_zkfottel{font-size:0.24rem;color: #4C4948;}
.nav_zkfottel a{ color:#4C4948;display: flex;align-items: center;border-left: 1px solid #e6e6e6;font-family: 'arial';font-weight: 500;}
.nav_zkfottel a img{width:0.18rem;margin: 0 0.14rem;}
.nav_zkfnav{position: absolute;right: 0.8rem;bottom: 1rem;z-index: 6;}

@media(max-width: 1100px){
    .ban_js .t { font-size: 0.4rem; }
    .nav { display: none; }
    .nav_btn { margin-left: 0.2rem; margin-top: 0.22rem; }
    .header .logo { padding: 0.15rem 0; }
    .header .logo img { width: auto; height: 0.4rem; }
    .swiper-container-homeban .swiper-slide { width: 100%; height: auto; }
    #ban { padding-top: 0.7rem; }
}
@media(max-width: 500px){
    .header .logo { padding: 0.2rem 0; }
    .header .logo img { width: auto; height: 0.4rem; }
    .search,.lan { width: 0.3rem; height: 0.3rem; }
    .lan { height: 0.8rem; }
    .nav_btn { margin-left: 0.1rem; margin-top: 0.32rem; width: 0.5rem; }
    .topnum { padding: 0.24rem 0; line-height: 0.3rem; }
    .topnum p { line-height: 0.3rem; font-size: 0.26rem; padding-left: 0.4rem; background: url(../img/phonea.png) no-repeat left center; background-size: 0.3rem auto; }

}
.nav_zkfnav ul{display: flex;}
.nav_zkfnav ul li{margin-left: 1rem;opacity: 0;transform: translateX(0.3rem);}
.nav_zkfnav ul li a{font-size:0.24rem;color: #333333;font-weight: 500;}
.nav_zkfnav ul li a span{display: block;font-size: 0.18rem;color: #808080;font-family: 'arial';padding-top: 0.08rem;}
.nav_zkfnav ul li.on a{color: #006ED3;}
.nav_zkfnav ul li.on a span{color: #006ED3;}

.nav_zk.on {z-index: 113;opacity: 1;}
.nav_zk.on .nav_zkfnav ul li{opacity: 1;transform: translateX(0);transition: 0.3s ease-in;transition-delay: 0.2s;}
.nav_zk.on .nav_zkfnav ul li:nth-of-type(2){transition-delay: 0.4s;}
.nav_zk.on .nav_zkfnav ul li:nth-of-type(3){transition-delay: 0.6s;}
.nav_zk.on .nav_zktop{opacity: 1;transform: translateY(0);}
.nav_zk.on .nav_zkicon{opacity: 1;}

.nav_zkfotewm{width: 1.08rem;}

.nav_zkbot ul li a { display:block; padding: 0.3rem 0; border-bottom:1px solid #ededed; }
.nav_zkbot ul li:last-child a { border:none; }
.nav_zkbot ul li a .icon svg { width: 0.65rem; height: 0.5rem; }
.nav_zkbot ul li a .icon { position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.nav_zkbot ul li .sub { display: none; }

.video_tc{width: 100vw;height: 100vh;position: fixed;left: 0;top: 0;z-index: 300;display: none;background: rgba(0,0,0,0.5);}
.video_tccon{width: 80%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.video_tc video{display: block;width: 100%;}
.video_tcclose{width: 0.4rem;height:0.4rem;background:rgba(255,255,255,0.4);cursor: pointer;position: absolute;right: 0.4rem;top: 0.4rem;z-index: 50;border-radius: 100%;}
.video_tcclose img{width: 0.16rem;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.ban_pic video{display:block;width:110%;}



.ban_js{position: absolute;top: 50%;z-index: 30;transform: translateY(-50%);width: 100%;left: 0;}
.ban_js h2{font-size:0.6rem;color: rgba(255,255,255,0.6);line-height: 1;font-family: 'arial';}
.ban_js h3{font-size:0.24rem;color:#FFFFFF;line-height: 1;padding: 0.2rem 0 0 0;}
.ban_js h4{padding: 0;color: #fff;}
.ban_js h4 span{display: block;font-size: 0.6rem;font-weight: bold;line-height: 0.86rem;}
.ban_js h4 b{display: block;font-size:0.3rem;font-weight: normal;padding-top:0.3rem;}
.ban_btn{width:1.27rem;height: 0.45rem;position: relative;background: url(../img/more_bg.png) no-repeat center center/cover;margin-top:0.93rem;}
.ban_btn a{display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;font-size:0.16rem;color: #FFFFFF;width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.ban_btn a img{width: 0.15rem;margin-left: 0.1rem;}
.ban_btn:hover{opacity: 1;}
.ban_vbtn { position: absolute;right: 2.4rem; bottom: 2.2rem;  width: 1rem;height: 1rem;cursor: pointer;z-index: 31; }
.ban_vbtn h2{width:1.2rem;border-radius: 1.2rem;overflow:hidden;position: relative;z-index: 20;display: flex;justify-content: center;align-items: center;height: 1.2rem;}
.ban_vbtn h2 img{ width: 13px;position: absolute;left: 50%; top: 50%; transform:translate(-50%, -50%); }
.ban_vbtn h5{width:1.2rem;border-radius: 1.2rem;position: absolute;left: 0;top: 0;height: 1.2rem;z-index: 2;}
.ban_vbtn h5 span{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;border-radius: 50%;-webkit-transform: scale(0.5); transform: scale(0.5);}
.ban_vbtn h5 span.s1{animation: ss2 3s linear infinite ;-webkit-animation: ss2 3s linear  infinite;background: rgba(255,255,255,1);}
.ban_vbtn h5 span.s2{animation: ss2 3s linear  0.75s infinite ;-webkit-animation: ss2 3s linear 0.75s  infinite;background: rgba(255,255,255,1);}
.ban_vbtn h5 span.s3{animation: ss2 3s linear  1.5s infinite ;-webkit-animation: ss2 3s linear  1.5s infinite;background: rgba(255,255,255,1);}
.ban_vbtn h5 span.s4{animation: ss2 3s linear  2.25s infinite ;-webkit-animation: ss2 3s linear  2.25s infinite;background: rgba(255,255,255,1);}
.ban_vbtn h5 span.s5{transform: scale(0.2);-moz-transform: scale(0.2);}
.ban_vbtn p{ font-size: 0.18rem;color: #fff;width:1.2rem;text-align: center;position: absolute;left: 0;bottom: -0.6rem;z-index: 5;opacity: 1;}
.xh{width: 0.26rem;position: absolute;right: 0.67rem;bottom: 0.16rem;z-index: 30;}
.ban_pic video{display:block;width:100%;height: 100%;}


.ban video { transform: scale(1.1);transition: all 2s;}
.ban .swiper-slide-active video {transform: scale(1);}
.ban .pc { transform: scale(1.1);transition: all 2s;}
.ban .swiper-slide-active .pc {transform: scale(1);}
.font74 { font-size: 0.74rem; }
.ibanner .tit { width: 100%; position: absolute; left:0; top: 50%; transform:translateY(-50%); }
.ibanner { overflow: hidden; }
.ibanner .img { transform:scale(1.1); transition:all 1s }
.ibanner.animated .img { transform:scale(1); }
.ban .swiper-pagination { text-align: left; width: 100%; padding: 0 8vw; bottom: 0.5rem!important; }
.ban .swiper-pagination .swiper-pagination-bullet { border-radius:0; width: 20px; opacity: 1; height: 2px; background: #fff; transition:all 0.5s; }
.ban .swiper-pagination .swiper-pagination-bullet-active { width: 60px; background: var(--red); }

@media(max-width: 1600px){
    .ban .swiper-pagination { padding: 0 5vw;  }
}
@media(max-width: 1100px){
    .ban .swiper-pagination { padding: 0 3vw;  }
}

.ban_s{position: absolute;bottom: 0.5rem;z-index: 30;width: 100%;left: 0;font-size: 0.18rem;color: #fff;}

.bg_logo{width:8.58rem;position: absolute;}

@keyframes ss2 {
    0% {transform: scale(0.5);opacity: 1;}
    100% {transform: scale(1.5);opacity: 0;}
}

@keyframes ss10 {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

@media(max-width: 1100px){
    .ban_pic video { display: none; }
    .ban_vbtn { right:0.8rem; bottom: 2rem; }

}

.marginT160 { margin-top: 1.6rem; }
.footer { padding: 0.9rem 0 0.7rem; background: #f2f2f2; }
.footerA .flogo img { width: 2.6rem; height: auto; }
.footerA_1 .t { padding: 0.1rem 0 0 0.8rem; font-weight: lighter; }

.footerB { display: flex; justify-content: space-between; padding-top: 0.7rem; border-top:1px solid #d9d9d9; }



.footerB dl dd a { display:block; }
.footerC_a a { line-height: 50px; display:inline-block; margin-left:0; color:#666; }
.footerC_a a:hover { color:#000; }
.footerC_c a { vertical-align: top;  text-align:center; border-radius: 6px; }
.footerC_c a { transition:all 0.5s; float:left; margin-left: 10px; }
.footerC_c a:hover { opacity: 1; }
.footerB_a { padding-right:0;display: flex; flex-direction: column; }
.footerB dl dd a:nth-child(n+2) { margin-top: 0.2rem; }

.footerC .youlihe { position: relative; z-index: 11; }
.footerC .youlihe .ylbdc:last-child { cursor: pointer; }
.footerC .youlihe .ylbdca { padding: 0.15rem 0; background: #fff; border-radius: 0.1rem; padding: 0.15rem 0.3rem 0.15rem 0.2rem; }
.footerC .youlihe .ylbdca span { padding: 0 1.2rem 0 0.3rem; display: inline-block; position: relative;  }
.footerC .youlihe .ylbdca span::before { position: absolute; content: ""; top: 50%; transform: translateY(-50%); left: 0; width: 0.19rem; height: 0.18rem; background: url(../img/weosj.png)no-repeat center center/cover; }
.footerC .youlihe .ylbdca span::after { position: absolute; content: ""; top: 50%; transform: translateY(-50%); right: 0; width: 0.11rem; height: 0.11rem; background: url(../img/mainmore2.png)no-repeat center center/cover; }
.footerC .youlihe .links {  position: absolute; left: 50%; transform: translateX(-50%); bottom: 0.6rem; width: 100%; text-align: center; display: none; z-index: 10; }
.footerC .youlihe .ylbdc:hover .links { display: block; }
.footerC .youlihe .links a { display: block; width: 100%; background: rgba(255, 255, 255, 0.8); line-height: 0.5rem; border-radius: 2px; font-size:  0.16rem; font-weight: lighter; color: #000; }
.footerC .youlihe .links a:nth-child(n+2) { margin-top: 10px; }

.mb { display: none!important;}


@media(max-width: 1100px){
    .footer { padding: 0.6rem 0 0.6rem; }
    .footerB { margin-top: 0.4rem; }
    .footerC { margin-top: 0.6rem; }
    .footerB dl { width: 50%; }
    .footerB dl dt a,.footerB_a  a { font-size: 0.28rem; }
    .footerB dl dd { display:none; }
    .footerB dl dd { margin-top: 0.2rem; }
    .footerB dl:nth-child(n+2) { margin-top: 0; }
    .footerB dl:nth-child(n+3) { margin-top: 0.3rem; }
    .footerB_a { width: 100%; margin-top: 0.4rem; }
    .footerC_a,.footerC_b { width: 100%; text-align: left; }
    .footerC_b a { float:none; display:inline-block; margin: 0 0.05rem; }
    .footerC_b a svg { transform:scale(0.7); }
    .footerC_a a { line-height: 1.5; }
    .footerC_b { margin-top: 0.3rem;  }
    .footerC_c a { padding: 10px 0; }
    .mb { display: block!important;}
    .pc { display: none!important;}
    .youlihe  { width: 100%; margin: 0.3rem 0 0.3rem; }
    .footerC .youlihe .ylbdca span { width: 100%; }
    .footerA_1 .t { padding: 0.1rem 0 0 0.2rem; font-weight: lighter; }
    .footerB { display: block; justify-content: auto; }
    
    .footerB {
		clear: both;
	}

	.footerB:after {
		clear: both;
		height: 0;
		content: "";
		line-height: 0;
		font-size: 0;
		display: block;
	}
    
}


* { font-weight: 300; }
.page { text-align: center; }
.page a { width: 0.36rem;height: 0.36rem;line-height: 0.36rem; display: inline-block;margin: 0 2px;color: #666666; border:1px solid rgba(0,0,0,0); transition: all 0.4s; }
.page a.sign { color:#000; width: auto; padding: 0 0.2rem; }
.page a.bor { background: #f5f5f5; }
.page a.bor:hover { background: var(--red); color:#fff; }
.page a.cur,
.page a:hover{color: #000; border-color:var(--red); }
.page a[href='javascript:void(0);']{
    opacity: 0.5;
}
.page a.sign:hover { color: var(--red); border-color: rgba(0,0,0,0); }

.page a.prvea,
.page a.nexta {
    font-family: 宋体;
    font-weight: bold;
}

@media(max-width:1500px) {
    .page a { font-size: 14px; }
}

@media(max-width:1100px) {
    .page a { width: 40px; height: 40px; line-height: 37px; }
    .page { margin-top: 30px; }
}


.bgRed { background: var(--red); }
i,em { position: relative; z-index: 5; font-style: normal; }
.mainMore { position: relative; overflow: hidden; cursor: pointer; position: relative; color:#fff; display:inline-block; padding: 0.16rem 0.22rem; border: 1px solid rgba(255, 255, 255, 0.3); transition: all 0.5s; }
.mainMoreA { color:#ffffff; border-color: var(--blue); background: var(--blue); }
.mainMore:before { transition: all 0.6s; content:''; width: 100%; height: 0.7rem; position: absolute; left:-105%; top:-0.04rem; background: var(--red); }
.mainMore:hover { color:#fff; background: none; border-color:var(--red);}
.mainMore:hover:before { left:0; }
.mainMore i { line-height: 1; position: relative; z-index: 2; display:inline-block; padding-right: 0.8rem; background: url(../img/mainmore1.png) no-repeat right center; transition: all 0.1s;  }
.mainMoreA i { line-height: 1; position: relative; z-index: 2; display:inline-block; padding-right: 0.8rem; background: url(../img/mainmore2.svg) no-repeat right center; transition: all 0.1s;  }
.mainMore2 i { line-height: 1; position: relative; z-index: 2; display:inline-block; padding-right: 0.8rem; background: url(../img/mainmore2.png) no-repeat right center; transition: all 0.1s;  }
.mainMoreA:hover i { background: url(../img/mainmore2.svg) no-repeat right center; }
.mainMore2:hover i { background: url(../img/mainmore1.png) no-repeat right center; }
.mainMoreA:hover { color:#fff; }


/**搜索结果页**/
.swiper-container { overflow: hidden; }
.home_body { width: 100%; } 
.tesubanner { background: var(--blue); padding: 2rem 0 1.5rem; text-align: center; }
.tesubanner .sumaze { width: 100%; display: inline-block; }
.tesubanner .sumaze .mazel .layui-form-select dl { top: 60px; }
.tesubanner .sumaze .mazel .layui-form-selectup dl { bottom: 60px; top: auto; }
.tesubanner .sumaze .mazel .layui-form-select dl dd.layui-this { background: var(--blue); }
.tesubanner .sumaze .mazel .layui-form-select .layui-edge { background: url(../images/selecwtw.png)no-repeat center center/cover; width: 11px; height: 6px; border-style:initial; margin-top: -2px; right: 20px; }
.tesubanner .sumaze .quanqil { width: 77%; margin: 0 auto; }
.tesubanner .sumaze .quanqil input { height: 56px; background: rgba(255,255,255,.05); border: 0 solid #e1dacf; border-radius: 5px; padding-left: 19px; font-size: 16px; color: rgba(255, 255, 255, .4); padding-right: 154px; }
.tesubanner .sumaze .quanqil input::-webkit-input-placeholder {color: rgba(255, 255, 255, .4);}
.tesubanner .sumaze .quanqil input::-moz-placeholder {color: rgba(255, 255, 255, .4);}
.tesubanner .sumaze .quanqil input:-moz-placeholder {color: rgba(255, 255, 255, .4);}
.tesubanner .sumaze .quanqil input:-ms-input-placeholder {color: #267F40;}
.tesubanner .sumaze .quanqil .tjanmo { position: absolute; right: 0; height: 54px; top: 0; }
.tesubanner .sumaze .quanqil .tjanmo button { height: 100%; width: 160px; height: 56px; border-radius: 5px; background: #267F40; padding: 0; font-size: 16px; color: #fff; }
.tesubanner .sumaze .quanqil .tjanmo button i { display: inline-block; width: 13px; height: 13px; background: url(../images/tjanmo.png)no-repeat center center/cover; vertical-align: middle; margin-top: -2px; margin-right: 7px; }
.tesubanner .sumaze .quanqil .tjanmo button:hover { opacity: .9; }
.searchresultA { background: #ffffff; padding: 3.90625vw 0 5.20833vw; }
.searchresultA .xbtpox { border-color: #eeeeee; }
.searchresultA .suirxz { margin: 32px 0 38px; }
.searchresultA .suirxz .gykbt .bt { line-height: 1; }
.searchresultA .suirxz .zmsns { color: #666666; position: absolute; bottom: 0; right: 0; }
.searchresultA .suirxz .zmsns span { color: var(--blue); }
.searchresultA .esutazm ul li { margin-bottom: 16px; }
.searchresultA .esutazm ul li:last-child { margin-bottom: 0; }
.searchresultA .esutazm ul li a { display: block; padding: 43px 50px 40px 30px; position: relative; border-radius: 10px; overflow: hidden; background: #f5f5f5; }
.searchresultA .esutazm ul li a::before { position: absolute; content: ""; bottom: 0; left: 0; width: 100%; height: 3px; background: #e8e8f3; }
.searchresultA .esutazm ul li a .azmn .mnl { color: var(--blue); background: #fff; border-radius: 5px; float: left; line-height: 1; padding: 10px 13px 10px; }
.searchresultA .esutazm ul li a .azmn .mne { float: left; color: #424242; line-height: 34px; padding-left: 12px; }
.searchresultA .esutazm ul li a .azmne { color: #666666; line-height: 1.73; margin-top: 15px; }
.searchresultA .fyq { margin-top: 4.16666vw; }
.tesubanner .sumaze .quanqil .tjanmo button i svg { vertical-align: top; width: 16px; height: 16px; }
@media(max-width:1480px) {
  .tesubanner .sumaze .quanqil input { font-size: 14px; height: 45px; }
  .tesubanner .sumaze .quanqil .tjanmo button { font-size: 14px; height: 45px; width: 130px; }
}

@media(max-width:1100px) {
  .tesubanner { padding: 1.5rem 0 1.5rem; }
  .tesubanner .sumaze,
  .tesubanner .sumaze .mazel { width: 100%; }
  .tesubanner .sumaze .quanqil { width: 100%; margin-top: 20px; margin-left: 0; }
  .searchresultA { padding: 35px 0 45px; }
  .searchresultA .suirxz { margin: 15px 0 20px; }
  .searchresultA .esutazm ul li a { padding: 20px; }
  .searchresultA .esutazm ul li a .azmn .mne { width: 100%; padding-left: 0; margin-top: 10px; }
  .searchresultA .esutazm ul li a .azmne { margin-top: 5px; }
  .searchresultA .fyq { margin-top: 30px; }
}



.container2 { padding: 0 1.5rem; }
@media(max-width: 1600px){
    .container2 { padding: 0 1rem; }
}
@media(max-width: 1100px){
    .container2 { padding: 0 3vw; }
}

/*E1 经典案例-海外案例*/
.nban { padding-top: 0.7rem; }
.nban .pic { position: relative; }
/*.nban .pic:before { content:''; width: 100%; height: 100%; background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0,0,0,0.5) 100%); position: absolute; left:0; top:0; z-index: 2; }*/
.casea_1 .nynav a { transition:all 0.5s;s display:inline-block; padding: 0.12rem 0.4rem; margin: 0 0.15rem; }
.casea_1 .nynav a:hover,.casea_1 .nynav a.cur { color:#fff; background: var(--red); }
.casea_2 { border-bottom:1px solid #c2c2c2; }
.pic { overflow: hidden; }
.casea_4 ul { display:flex; flex-wrap: wrap; }
.casea_4 ul li .pic img,.casea_4 ul li,.casea_4 ul li .t,.casea_4 ul li .c { transition: all 0.5s; }
.casea_4 ul li:hover .pic img { transform:scale(1.05); }
.casea_4 ul li { background: #f2f2f2; float:left; width: calc(33.33333% - 0.2rem); margin-right: 0.3rem; }
.casea_4 ul li:nth-child(3n) { margin-right:0; }
.casea_4 ul li:nth-child(n+4) { margin-top:0.3rem; }
.casea_5 .text { height: 2rem; position: relative; }
.casea_5 .text .text_box { position: absolute; left:0; top: 50%; transform:translateY(-50%); padding: 0 0.35rem; }
.casea_5 .text .more { display:none; }
.casea_5 .text .more span { display: inline-block; padding-right: 0.16rem; background: url(../img/case/casebg1.png) no-repeat right center; background-size: auto 0.1rem; }
.casea_4 ul li:hover { background: var(--red); }
.casea_4 ul li:hover .more { display:block; }
.casea_4 ul li:hover .t,.casea_4 ul li:hover .c,.casea_4 ul li:hover .d { color:#fff; }
.page .disabled { opacity: 0.5; }
@media(max-width:1100px){
    .casea_1 .nynav a { padding: 0.1rem 0.25rem; margin: 0 0.1rem; }
    .casea_4 ul li { width: calc(50% - 0.1rem); margin-right: 0.2rem; }
    .casea_4 ul li:nth-child(3n) { margin-right:0.2rem; }
    .casea_4 ul li:nth-child(2n) { margin-right:0; }
    .casea_4 ul li:nth-child(n+3) { margin-top:0.2rem; }
    .casea_5 .text { height: auto; position: relative; }
    .casea_5 .text .text_box { position: relative; left:0; top: 0%; transform:translateY(0%); padding: 0.2rem 0.2rem; }
    .casea_5 .text .more { display: block; }
    .casea_4 ul li .c { line-height: 0.3rem; min-height: 0.6rem; }
    .casea_5 .text .more span { margin-top: 0.2rem; color: #000;background: url(../img/case/homee1bg.png) no-repeat right center; background-size: auto 0.1rem; }
    .casea_4 ul li:hover .casea_5 .text .more span { color: #fff; background: url(../img/case/casebg1.png) no-repeat right center; background-size: auto 0.1rem; }
    .page .sign { display:none; }
    
    .nban .pic { opacity: 0; width: 100%; height: 5rem; }
    .nban .detnban_pic .pic { opacity: 1; width: 100%; height: auto; }
}

/*详情*/
img { max-width: 100%; }
.no_ban { padding: 1.2rem 0 1.1rem; }  
.location a,.location span { line-height: 0.3rem; float:left; }
.location span { display: inline-block; width: 0.3rem; height: 0.3rem; background: url(../img/casedet/loca.png) no-repeat center; background-size: auto 0.15rem; }
.caseb_1 img { width: 3rem;height: auto; }
.caseb_2 .fl { width: calc(100% - 3rem); }
.caseb_3 { position: absolute; right:0; bottom:0; }
.caseb_4 .play_btn { width: 0.8rem; height: 0.8rem; background: url(../img/casedet/play.svg) no-repeat center var(--red); background-size: 0.3rem auto; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform:translate(-50%, -50%); cursor: pointer; }
.caseb_4 .play_btn {animation: ss2 3s linear infinite ;-webkit-animation: ss2 3s linear  infinite; }
.video_tc{width: 100vw;height: 100vh;position: fixed;left: 0;top: 0;z-index: 300;display: none;background: rgba(0,0,0,0.5);}
.video_tccon{width: 80%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.video_tc video{display: block;width: 100%;}
.video_tcclose{width: 0.4rem;height:0.4rem;background:rgba(255,255,255,0.4);cursor: pointer;position: absolute;right: 0.4rem;top: 0.4rem;z-index: 50;border-radius: 100%;}
.video_tcclose img{width: 0.16rem;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
@media(max-width: 1100px){
    .caseb_1 img { width: 3rem;height: auto; }
    .caseb_2 .fl { width: 100%; }
    .caseb_3 { position: relative; right:auto; bottom:0; float: right; margin-top: 0.3rem; }
}
@keyframes big_small {
    0% {transform: scale(0.5);opacity: 1;}
    100% {transform: scale(1.2);opacity: 0;}
}

.casec_2 { width: 100%; overflow: hidden; }
.casec_2 ul { width: 16.2rem; height: 13.4rem; position: relative; }
.casec_2 li { position: absolute; overflow: hidden; }
.casec_2 li:nth-child(1) { left:0; top:0; width: 8.03rem; height: 4.5rem; }
.casec_2 li:nth-child(2) { right:0; top:0; width: 8.03rem; height: 4.5rem; }
.casec_2 li:nth-child(3) { left:0; top:4.63rem; width: 5.31rem; height: 4.23rem; }
.casec_2 li:nth-child(4) { left:5.45rem; top:4.63rem; width: 5.31rem; height: 4.23rem; }
.casec_2 li:nth-child(5) { right:0; bottom:0; width: 5.32rem; height: 8.76rem; }
.casec_2 li:nth-child(6) { left:0; bottom:0; width: 10.76rem; height: 4.41rem; }
@media(max-width: 1600px){
    .casec_2 ul { width: 17.2rem; height: 13.7rem; position: relative; }
    .casec_2 li:nth-child(1) { left:0; top:0; width: 8.5rem; height: 4.8rem; }
    .casec_2 li:nth-child(2) { right:0; top:0; width: 8.5rem; height: 4.8rem; }
    .casec_2 li:nth-child(3) { left:0; top:4.95rem; width: 5.4rem; height: 4.3rem; }
    .casec_2 li:nth-child(4) { left:5.6rem; top:4.95rem; width: 5.4rem; height: 4.3rem; }
    .casec_2 li:nth-child(5) { right:0; bottom:0; width: 6rem; height: 8.76rem; }
    .casec_2 li:nth-child(6) { left:0; bottom:0; width: 11rem; height: 4.25rem; }
}
@media(max-width: 1100px){
    .casec_2 ul { width: 100%; height: auto; position: relative; }
    .casec_2 li { float:left; width: 100%!important; height:auto!important; position: relative; left:auto!important; right:auto!important; top:auto!important; bottom::auto!important; }
    .casec_2 li:nth-child(n+2) { margin-top: 0.2rem; }
}

.caseb:before { content:''; width: 100%; height: 8rem; background: #f2f2f2; position: absolute; left:0; top:0; }
.caseb .container2 { position: relative; z-index: 5; }
.cased { padding-top: 0.8rem; }
.cased_2 { padding: 0.45rem 0.4rem 0.4rem; }
.cased_2 .c { min-height:0.4rm; line-height: 0.2rem; }
.small_more { display:inline-block; padding-right: 0.2rem; background: url(../img/casedet/small.png) no-repeat right center; background-size: auto 0.1rem; }
.cased_2 .more { opacity: 0; transition: all 0.5s; }
.cased_1 .swiper-slide { transition: all 0.5s; }
.cased_1 .swiper-slide:hover { background: #f2f2f2; }
.cased_1 .swiper-slide:hover .t { color: var(--red) }
.cased_1 .swiper-slide:hover .cased_2 .more { opacity: 1; }
@media(max-width: 1100px){
    .caseb:before { height: 7rem; }
    .cased_1 .swiper-slide { background: #f2f2f2; }
    .cased_1 .swiper-slide .cased_2 .more { opacity: 1; }
}



/*新闻列表*/

.banLocation { width: 100%; z-index: 3; position: absolute; left:0; bottom: 0.45rem; }
.banLocation .location span { background: url(../img/news/locabg.png) no-repeat center; background-size: auto 0.13rem; }

.newsa_1 .topT { padding-bottom: 0.4rem; border-bottom: 1px solid #999999; }
.newsa_1 .topT .t { padding-left: 0.7rem; background: url(../img/news/newsa1bg.png) no-repeat left 0.1rem; background-size: 0.5rem auto; }
.producta_1 .topT .t { padding-left: 0.7rem; background: url(../img/product/titbg.png) no-repeat left 0.1rem; background-size: 0.5rem auto; }
.storea_1 .topT .t { padding-left: 0.7rem; background: url(../img/store/titbg.png) no-repeat left 0.15rem; background-size: 0.6rem auto; }
.newsa_4 .pic { width: 66.6667%; }
.newsa_5 .t { line-height: 0.4rem; min-height: 1.6rem; }
.newsa_5 { width: 33.3333%; position: absolute; top: 50%; transform: translateY(-50%); right:0; padding: 0 0.5rem 0 0.6rem; padding-bottom: 0.6rem; }
.newsa_3 .swiper-container { position: relative; }
.newsa_3 .swiper-pagination { left: calc(66.6666666% + 0.6rem); text-align:left; bottom: 0.6rem!important; }
.newsa_3 .swiper-pagination .swiper-pagination-bullet { width: 0.2rem; opacity: 1; background: #c5c5c5; margin: 0 0.1rem 0 0; height: 3px; border-radius: 0;transition:all 0.5s; }
.newsa_3 .swiper-pagination .swiper-pagination-bullet-active { width: 0.5rem; background: var(--red); }
@media(max-width:1100px){
    .newsa_4 .pic { width: 100%; float:left; }
    .newsa_5 .t { line-height: 0.4rem; min-height: 0.4rem; }
    .newsa_5 { width: 100%; position: relative; top: 0; transform: translateY(0); right:0; padding: 0.3rem 0.2rem 0.8rem; float:left; }
    .newsa_3 .swiper-container { position: relative; }
    .newsa_3 .swiper-pagination { left: 0; text-align:center; bottom: 0.3rem!important; }
    .newsa_3 .swiper-pagination .swiper-pagination-bullet { width: 0.2rem; opacity: 1; background: #c5c5c5; margin: 0 0.1rem 0 0; height: 3px; border-radius: 0;transition:all 0.5s; }
    .newsa_3 .swiper-pagination .swiper-pagination-bullet-active { width: 0.5rem; background: var(--red); }
}

.pic { overflow: hidden; }
.newsc ul li a { display:block; }
.newsc-a { position: relative; }
.newsc-b { overflow: hidden; float:left; width: 41%; }
.newsc-c { position: absolute; top: 50%; transform:translateY(-50%); right:0; padding-right: 0.8rem; width: calc(59% - 0.8rem); }
.newsc ul { border-top:1px solid #D8D8D8; }
.newsc ul li { position: relative; padding: 0.5rem 0; border-bottom:1px solid #9d9d9d; }
.newsc ul li:after { content:''; width: 0; height: 3px; background: var(--red); position: absolute; left:0; bottom: 0; transition:all 1.5s; }
.newsc ul li:hover:after { width: 100%; }
.newsc ul li:hover .t { color:var(--red); }
.newsc ul li:hover img { transform:scale(1.05); transition:all 0.3s; }
.newsc-c .cc { min-height: 2.2rem; }
@media(max-width:1100px){
    .newsc-b { float:left; width: 100%; }
    .newsc-c { width: 100%; position: relative; top:0; transform:translateY(0); float:left; padding:20px 0 0; }
    .newsc ul li { padding:25px 0; }
    .newsc-c .cc { min-height: 10px; }
}

/*B3 关于乐迈-新闻动态-详情*/
.newsdeta_1 { padding-bottom: 0.5rem; border-bottom: 1px solid #bababa; }
.newsdeta_1 .footerC_c a { margin: 0 0.1rem 0 0; }
.newsdeta_2 li { position: relative; padding-left: 1rem; }
.newsdeta_2 ul li:nth-child(n+2) { margin-top: 0.2rem; }
.newsdeta_2 li span,.newsdeta_2 li a { display: inline-block; line-height: 0.36rem; }
.newsdeta_2 li span { position: absolute; top: 0; left:0;  }
.newsdetc { pading-bottom: 0.9rem; }
.newsdetd { padding: 1rem 0; }
.newsdetd_1 ul { display:flex; flex-wrap: wrap; }
.newsdetd_1 ul li { position: relative; border-bottom:1px solid #c2c2c2; float:left; width: calc(33.33333% - 0.2rem); margin-right: 0.3rem; }
.newsdetd_1 ul li:nth-child(3n) { margin-right:0; }
.newsdetd_1 ul li:after { content:''; width: 0; height: 3px; background: var(--red); position: absolute; left:0; bottom: 0; transition:all 1s; }
.newsdetd_1 ul li:hover:after { width: 100%; }
.newsdetd_3 { padding: 0.5rem 0.2rem 1rem; }
@media(max-width:1100px){
    .newsdetd_1 ul li { width: 100%; margin-right: 0; }
    .newsdetd_1 ul li:nth-child(n+2) { margin-top: 0.3rem; }
    .newsdetd_3 { padding: 0.3rem 0.2rem 0.5rem; }
}

/*D1 石晶产品-乐迈石晶大家居*/
.producta_2 ul { border-top:1px solid #D8D8D8; }
.producta_2 ul li { position: relative; padding: 0.5rem 0; border-bottom:1px solid #9d9d9d; }
.producta_2 ul li:after { content:''; width: 0; height: 3px; background: var(--red); position: absolute; left:0; bottom: 0; transition:all 1.5s; }
.producta_2 ul li:hover:after { width: 100%; }
.producta_2 ul li:hover .t { color:var(--red); }
.producta_2 ul li:hover img { transform:scale(1.05); transition:all 0.3s; }
.producta_4 .cc { min-height: 3.8rem; }
.producta_3 .pic { float:left; width: 60%; }
.producta_4 { position: absolute; top: 50%; transform:translateY(-50%); right:0; padding-right: 0; width: calc(40% - 1.2rem); }
.mainMore2 { border:1px solid var(--red); color:#000; }
@media(max-width:1100px){
    .producta_3 .pic { float:left; width: 100%; }
    .producta_4 { width: 100%; position: relative; top:0; transform:translateY(0); float:left; padding:20px 0 0; }
    .producta_2 ul li { padding:25px 0; }
    .producta_2 .cc { min-height: 10px; }
}


/*D2 石晶产品-乐迈石晶大家居-详情*/
.prodeta { width: 100%; overflow: hidden; }
body { width: 100%; overflow-x: hidden; }
.prodeta_1 .c { max-width: 70%; }
.prodeta_2 { padding-top: 0.5rem; }
.borderTop { border-top: 1px solid #c2c2c2; }
.prodeta_2 { padding-right: 2.7rem; }
.prodeta_3 { width: 2.4rem;}
.prodeta_5 { width: calc(100% - 2.5rem);}
.prodeta_4 { position: absolute; right:0; bottom:0; }
/*.prodetb { cursor: url(../img/prodet/cur.png), auto;; }*/
.prodetb_1 .t { font-size: 0.7rem; color: rgba(255, 255, 255, 1); position: absolute; left: 0; width: 100%; padding: 0 0.5rem; bottom: 0.5rem; font-weight: bold; }
.prodetb .swiper-container { overflow: visible; }
@media(max-width:1100px){
    .prodetb_1 .t { font-size: 0.46rem; padding: 0 0.3rem; bottom: 0.3rem; }
    .prodeta_1 .c { max-width: 100%; }
    .prodeta_2 { padding-right: 0; }
    .prodeta_3 { width: 100%;}
    .prodeta_5 { width: 100%; margin-top: 0.3rem; }
    .prodeta_4 { position: relative; right:0; bottom:0; float:left; margin-top: 0.3rem; }
}

.prodetc_2 ul { display:flex; flex-wrap: wrap; }
.prodetc_2 ul li { width: calc(50% - 0.1rem); margin-right: 0.2rem; }
.prodetc_2 ul li:nth-child(2n) { margin-right:0; }
.prodetc_2 .text { padding: 0.4rem 0.4rem 0.6rem; }
.prodetc_2 .text .c { min-height: 1.2rem; }
@media(max-width: 1100px){
    .prodetc_2 ul li { width: 100%; margin-right: 0; }
    .prodetc_2 ul li:nth-child(n+2) { margin-top: 0.3rem; }
}


/*F3 全国门店-乐商分享-详情*/

.shareb_1 ul li { border:none; }
.shareb_1 .newsdetd_3 { padding: 0.8rem 0.3rem; }

/*F4 全国门店-全国门店*/

.storea_1 .topT { padding-bottom:0; border:none; }
.storea_2 a { transition:all 0.5s; display:inline-block; float: left; padding: 0.15rem 0.3rem; line-height: 1; }
.storea_2 a:hover,.storea_2 a.active { background: var(--red); color:#fff; }
.storea_3 { padding-top: 0.7rem; }
.storea_5 { position: absolute; right:0; bottom: 0.05rem; }
.brand-b:nth-child(n+2) { margin-left: 0.2rem; }
.brand-b .layui-form-select .layui-input { background: #f2f2f2; width: 3rem; height: 0.6rem; font-size: 0.18rem; color:#000; padding-left: 0.1rem; border: none!important; }
.brand-b button { width: 0.6rem; height: 0.6rem; font-size: 0; color:#fff; background: url(../img/store/seatch.png) no-repeat center var(--red); background-size: 0.21rem auto; border:none!important; }
.proListA-a { padding-bottom: 40px; }
@media(max-width: 1100px){
    .storea_5 { float:left; width: 100%; position: relative; }
    .brand-b { width: calc(50% - 0.5rem); margin-right: 0.2rem; margin-top: 0.3rem; }
    .brand-b:nth-child(n+2) { margin-left: 0; }
    .brand-b:nth-child(3n) { width: 0.6rem; margin-right: 0; }
    .brandA-a  { width: 100%; }
    .brand-b .layui-form-select .layui-input { width: 100%; }
    .brand-b button { width: 100%; height: 0.6rem; }
    .proListA-a { padding-bottom: 30px; }
}
/*.storeb ul { display:flex; flex-wrap: wrap; }*/
/*.storeb ul li { float:left; width: calc(33.33333% - 0.2rem); margin-right: 0.3rem; }*/
/*.storeb ul li:nth-child(3n) { margin-right: 0; }*/
/*.storeb ul li:nth-child(n+4) { margin-top: 0.3rem; }*/
.storeb ul li .bgpic { opacity: 0; position: absolute; width: 100%; height: 100%; left:0; top: 0; width: 100%; height: 100%; transition: all 0.5s; }
.storeb ul li:hover .bgpic { opacity: 1; }
.storeb_1 { padding: 0.5rem 0.4rem; }
.storeb_2 { min-height: 2.2rem; }
.storeb_3 { padding-top: 0.3rem; }
.storeb_3 a { display:inline-block; transition:all 0.5s; padding-left: 0.3rem; background: url(../img/store/link.png) no-repeat left center; background-size: 0.21rem auto; }
.storeb_3 a:hover { color: var(--red); }
.storeb_3 .d { display:inline-block; padding-left: 0.3rem; background: url(../img/store/time.png) no-repeat left center; background-size: 0.21rem auto; }
.storeb ul li:hover .borderTop { border-color: var(--red); }
@media(max-width: 1100px){
    .storeb ul li { width: calc(50% - 0.1rem); margin-right: 0.2rem; }
    .storeb ul li:nth-child(3n) { margin-right: 0.2rem; }
    .storeb ul li:nth-child(2n) { margin-right: 0; }
    .storeb ul li:nth-child(n+3) { margin-top: 0.2rem; }
    .storeb_1 { padding: 0.4rem 0.2rem; }
    .storeb_2 { min-height: 2.2rem; }
    .storeb_3 { padding-top: 0.3rem; }
}
.ban .logo,.nban .logo { width: 3.12rem; position: absolute; left: 1.5rem; top: 1.16rem; z-index: 10; }

@media(max-width:1600px){
    .ban .logo,.nban .logo { left: 1rem; top: 1.16rem; }
}
@media(max-width:1100px){
    .ban .logo,.nban .logo { display:none; }
}


/* C1-了解石晶 */
.abouta_1 ul { display: flex; flex-wrap:  wrap;}
.abouta_1 ul li { float: left; width: calc(33.333333% - 0.14rem); margin-right: 0.21rem; }  
.abouta_1 ul li:after { content:''; width: 100%; left: 0; top: 0; height: 100%; position: absolute; z-index: 2; background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0,0,0,0.3) 100%); }  
.abouta_1 ul li:nth-child(3n) { margin-right: 0; }  
.abouta_1 .t { position: absolute; left:0; width: 100%; bottom: 0.25rem; padding: 0 0.1rem; z-index: 5; }
.abouta_3 { width: calc(100% - 6.2rem); }
.abouta_4 { position: absolute; right:0; bottom: 0;}
.abouta_4 ul li { float: left; }
.abouta_4 ul li:nth-child(n+2) { margin-left: 0.35rem; }
.colorGreen { color:#244121; }
.maxWid1000 { max-width: 10rem; }
@media(max-width: 1100px){
    .abouta_1 ul li { width: 100%; margin-right: 0; }  
    .abouta_1 ul li:nth-child(n+2) { margin-top: 0.2rem; }  
    .abouta_3 { width: 100%; float: left; }
    .abouta_4 { position: relative; width: 100%; margin-top: 0.3rem; float: left; right:0; bottom: 0;}
    .maxWid1000 { max-width: 100%; }
}

.aboutb_2 ul { display: flex; flex-wrap: nowrap; }
.aboutb_2 ul li { position: relative; transition: all 0.6s; float: left; width: calc(20% - 0.15rem); margin-right: 0.2rem; }
.aboutb_2 ul li.active {  width: calc(40% - 0.15rem);  }
.aboutb_2 ul li:nth-child(4n) { margin-right: 0; }
.aboutb_2 .con { z-index: 5; width: 100%; position: absolute; left:0; bottom: 0.3rem; padding: 0 0.3rem; }
.aboutb_2 ul li .pic img { width: 6.6rem; height: auto; max-width: 10rem; }
.aboutb_2 .con .icon img { width: 0.75rem; height: auto;}
.aboutb_2 ul li:after { content:''; width: 100%; left: 0; top: 0; height: 100%; position: absolute; z-index: 2; background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0,0,0,0.3) 100%); }  
@media(max-width: 1600px){
    .aboutb_2 ul li .pic img { width: 6.5rem; }
}
@media(max-width: 1100px){
    .aboutb_2 ul { display: flex; flex-wrap: wrap; }
    .aboutb_2 ul li { width: calc(50% - 0.1rem); margin-right: 0.2rem; }
    .aboutb_2 ul li.active {  width: calc(50% - 0.1rem);  }
    .aboutb_2 ul li:nth-child(2n) { margin-right: 0; }
    .aboutb_2 ul li:nth-child(n+3) { margin-top: 0.2rem; }
    .aboutb_2 ul li .pic img { width: 100%; height: auto; max-width: 200%; }
    .aboutb_2 .con .icon img { width: 0.65rem; height: auto;}
    .abouta { padding-top: 0.5rem!important; }
}


body,.aboutc,.aboutd,.aboute { width: 100%; overflow-x: hidden; }
.aboutc_3 ul.tabTit { display: flex; justify-content: space-between; }
.aboutc_3 ul.tabTit li { display: flex; flex-direction: column;  }
.aboutc_3 ul.tabTit li .icon img { width: 0.66rem; height: auto; }
.aboutc_3 ul.tabTit li.active .t { color: var(--red); font-weight:  bold;}
.aboutc_3 .line { position: absolute; top:0; width: 2px; height: 100%; background: #cccccc; }
.aboutc_3 .line1 { left: 9.4%; }
.aboutc_3 .line2 { left: 22.9%; }
.aboutc_3 .line3 { left: 36.4%; }
.aboutc_3 .line4 { left: 50%; }
.aboutc_3 .line7 { right: 9.4%; }
.aboutc_3 .line6 { right: 22.9%; }
.aboutc_3 .line5 { right: 36.4%; }
.aboutc_4 { position: absolute; left:0; top: 0.6rem; width: 100%; padding: 0 0.6rem; }
.aboutc_4 .c { color: transparent;  -webkit-text-stroke: 2px rgba(255,255,255,0.3); }
.aboutc_5 { position: absolute; left:0; bottom: 0.6rem; padding: 0 0.6rem; width: 8rem; }
@media(max-width: 1100px){
    .aboutc_3 .line { display: none; }
    .aboutc_3 ul.tabTit { display: block; }
    .aboutc_3 ul.tabTit li { float: left; display: block; flex-direction: column; width: 25%;  }
    .aboutc_3 ul.tabTit li:nth-child(n+5) { margin-top: 0.3rem;  }
    .aboutc_3 ul.tabTit:after{content:'\20';display:block;clear:both;visibility:hidden;line-height:0;height:0;}
    .aboutc_3 ul.tabTit {display:block;zoom:1;}
    .aboutc_4 { top: 0.5rem; padding: 0 0.4rem; }
    .aboutc_5 { bottom: 0.5rem; padding: 0 0.4rem; width: 100%; }
}

.aboutd { background: url(../img/about/aboutdbg.jpg) no-repeat center/cover; }
.aboutd_2 { width: 38.5%; }
.aboutd_3 { width: 40%; }
.aboutd_2 .con p:nth-child(n+2) { margin-top: 0.5rem; }
.font100 { font-size: 1rem; line-height: 1; }
.marginT110 { margin-top:1.1rem; }
.aboutd_4 { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.aboutd_4 img { width: 2rem; height: auto;}
.aboutd_5 img { width: 4.1rem; height: auto;}

.aboute { padding: 0.8rem 0 1rem; }
/*.aboute_1:nth-child(n+2) { margin-top: 0.7rem; }*/
.aboute_1 .aboute_3 img { width: 100%; }
.aboute_1:nth-child(n+2) .aboute_3 img { width: 100%; }
/*.aboute_3 { text-align: right; width: 45.3%; }*/
/*.aboute_2 { width: 44%; position: absolute; left:0; top: 50%; transform: translateY(-50%);}*/
.aboute_4 .line { width: 100%; height: 2px; background: #cccccc; }


.aboute_1 { float: left; text-align: right; width: 48.25%; }
.aboute_1:nth-child(2) { float: right; text-align: left; width: 41%; }

.aboute_1 .con { display:none; }

.aboute_2,.aboute_3 { width: 100%; }

.aboute_3 { min-height: 31vw; }

@media(max-width: 1600px){
    .aboute_1:nth-child(2) { float: right; text-align: left; width: 42%; }
    .aboute_3 { min-height: 33vw; }
}
@media(max-width: 1100px){
    .aboute_1:nth-child(n+2) { margin-top: 0.5rem; }
    .aboute_1 .aboute_3 img { width: 100%; }
    .aboute_1:nth-child(n+2) .aboute_3 img { width: 100%; }
    .aboute_3 { margin-top: 0.3rem; text-align: right; width: 100%; }
    .aboute_2 { width: 100%; position: relative; left:0; top: 0%; transform: translateY(0%); float: left; margin-top: 0.3rem; }
    
    .aboute_1 { float: left; text-align: left; width: 100%; }
    .aboute_1:nth-child(2) { float: right; text-align: left; width: 100%; margin-top: 0.6rem; }
    
    .aboutd_2 { width: 100%; }
    .aboutd_3 { width: 100%; }
    .aboutd_4 { position: relative; float: left; width: 100%; margin: 0.8rem 0 1.5rem; text-align: center; left: 0; top: 0; transform: translate(0, 0); width: 100%; }
    
    .aboutd { background: url(../img/about/aboutdbgm.jpg) no-repeat center/cover; padding-bottom: 2rem!important; }
}

.aboutf_3 .t { width: 42%; }
.aboutf_3 .con { width: 47%; }
.aboutf_4 { position: absolute; left:0; bottom:0; }
/*.aboutg .swiper-container:hover { cursor: url(../img/prodet/cur.png), auto; }*/
.aboutg { padding-left: 1.5rem; padding-right: 1.5rem; }


.aboutg .swiperQhBtn { margin-top: 0; transform: translateY(-50%); opacity: 1!important; width: 0.5rem; height: 0.5rem; border-radius: 0; background:rgba(0,0,0,0.3); }
.aboutg .swiperQhBtn.swiper-button-disabled { opacity: 1!important; }
.aboutg .swiperQhBtn:after { font-size: 0.16rem; color: #fff; }
.aboutg .swiper-button-prev { left: 0.3rem; }
.aboutg .swiper-button-next { left: 0.9rem; right:auto!important; }
.aboutg .swiperQhBtn:hover { background: var(--red); }
.aboutg .swiperQhBtn:hover:after { color:#fff; }


/*.weiyua_2 .swiperQhBtn { top:auto; transform: translate(0); margin-top: 0; opacity: 1!important; width: 0.5rem; height: 0.5rem;  border-radius: 0; background:rgba(0,0,0,0.3); bottom: 3rem; }*/
/*.weiyua_2 .swiperQhBtn.swiper-button-disabled { opacity: 1!important; }*/
/*.weiyua_2 .swiperQhBtn:after { font-size: 0.16rem; color: #fff; }*/
/*.weiyua_2 .swiper-button-prev { left: auto; right: 1.5rem; }*/
/*.weiyua_2 .swiper-button-next { right: 0.8rem; }*/
/*.weiyua_2 .swiperQhBtn:hover { background: var(--red); }*/
/*.weiyua_2 .swiperQhBtn:hover:after { color:#fff; }*/

.weiyua_2 .swiperQhBtn { z-index: 15!important; top:50%;  opacity: 1!important; width: 0.5rem; height: 0.5rem;  border-radius: 0; background:rgba(0,0,0,0.3); }
.weiyua_2 .swiperQhBtn.swiper-button-disabled { opacity: 1!important; }
.weiyua_2 .swiperQhBtn:after { font-size: 0.16rem; color: #fff; }
.weiyua_2 .swiper-button-prev { left: auto; right: 1.5rem; }
.weiyua_2 .swiper-button-next { right: 0.8rem; }
.weiyua_2 .swiperQhBtn:hover { background: var(--red); }
.weiyua_2 .swiperQhBtn:hover:after { color:#fff; }
.weiyua_3 .pic { position: relative; }
.weiyua_3 .pic:after { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: linear-gradient(to right, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)); }
.diqianga .pic { position: relative; }
.diqianga .pic:after { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)); }
.weiyua_2 .swiper-container { overflow: visible; }
.weiyua_4 { opacity: 0; }
.swiper-slide-active .weiyua_4 { opacity: 1; }


@media(max-width: 1600px){
    .aboutg { padding-left: 1rem; padding-right: 1rem; }
}
@media(max-width: 1100px){
    .aboutg { padding-left: 3vw; padding-right: 3vw; }
    .aboutf_1 { padding-bottom: 0.7rem; }
    .aboutf_3 .t,.aboutf_3 .con { width: 100%; }
    .aboutf_3 .con { margin-top: 0.3rem; }
    .aboutg .swiper-button-prev { left: 0.3rem; }
    .aboutg .swiper-button-next { right: 0.3rem; }
    .weiyua_2 .swiper-button-prev { left: 0.3rem; }
    .weiyua_2 .swiper-button-next { right: 0.3rem; }
    .weiyua_3 .pic .bgPic,.diqianga  .pic .bgPic { height: 8rem; }
}

.mainMd { position: absolute; left: 0; top: -0.65rem; }

/* D3 石晶产品-乐迈石晶｜卫浴-产品展示 */
/*.weiyua_1 { cursor: url(../img/prodet/cur.png), auto; }*/
.weiyua_1 { width: 100%; overflow-x: hidden; }
.weiyua_4 { position: absolute; left: 0.6rem; top: 45%; transform: translateY(-50%); width: 7.2rem; }
.weiyua_4 .t { padding-bottom: 0.3rem; border-bottom: 2px solid var(--red); }
.weiyua_1 .num { opacity: 0.5; position: absolute; font-weight: lighter; right: 0.8rem; bottom: 1.7rem; line-height: 1; z-index: 6; }
.font110 { font-size: 1.1rem; }
.weiyua_5 { z-index: 5; position: absolute; left: 0; bottom:0; width: 100%; border-top: 1px solid rgba(255,255,255,0.32); }
.weiyua_5 .t { text-align: center; line-height: 1rem; }
.weiyua_5 .swiper-slide-thumb-active .t { font-weight: bold; }
@media(max-width: 1100px){
    .weiyua_4 { width: 100%; padding: 0 0.3rem; left:0; }
    .weiyua_1 .num { right: 0.4rem; bottom: 1.5rem; }
    
    .weiyua_2 .swiper-button-prev { top: auto; transform: translateY(0); bottom: 1.3rem; }
    .weiyua_2 .swiper-button-next { top: auto; transform: translateY(0); left: 0.9rem; right:auto; bottom: 1.3rem; }
    
}
.paddingT0 { padding-top: 0!important; }
.weiyub_1 a {display: inline-block; padding: 0.12rem 0.4rem; margin: 0.1rem 0; transition: all 0.5s; }
.newsa_1 .weiyub_1 a {  padding: 0.1rem 0.2rem; margin: 0.1rem 0; transition: all 0.5s; }
.weiyub_1 a:hover,.weiyub_1 a.active { color:#fff; background: var(--red); }
.weiyub_3 .more { position: relative; top: 0.2rem; opacity: 0; transition: all 0.5s; }
.weiyub_3 .pic2 { padding: 0.4rem 0; }
.weiyub_3 .pic2 img { width: 70%; height: auto;  }
.weiyub_3 .pic img { transition: all 0.5s;  }
.weiyub_3 .pic { background:#f2f2f2; }
.weiyub_3:hover .pic img { transform: scale(1.05); }
.weiyub_3:hover .more { opacity: 1; top:0; }
.weiyub_2 ul { display: flex; flex-wrap: wrap; }
.weiyub_2 ul li { float: left; width: calc(25% - 0.15rem); margin-right: 0.2rem; }
.weiyub_2 ul li:nth-child(4n) { margin-right: 0; }
.weiyub_2 ul li:nth-child(n+5) { margin-top: 0.3rem; }
.weiyub_2 ul li:hover .t { color: var(--red); }
@media(max-width: 1100px){
    .weiyub_1 a { width: 33.3333%; text-align: center; padding: 0.1rem; text-align: center; float: left; }
    .weiyub_1 a:nth-child(n+4) { margin-top: 0.1rem; }
    .weiyub_2 ul li { width: calc(50% - 0.1rem); margin-right: 0.2rem; }
    .weiyub_2 ul li:nth-child(2n) { margin-right: 0; }
    .weiyub_2 ul li:nth-child(n+3) { margin-top: 0.3rem; }
    .weiyub_3 .more { opacity: 1; top:0; }
    .weiyua_4 .t{    font-size: 0.56rem; }
}

.weiyua_4 .marginT70 { position: relative; z-index: 1000; }
/*.weiyua_4 { z-index: 6; }*/

/* D4 石晶产品-乐迈石晶｜卫浴-卫浴产品-浴室柜 */
.weiyud ul li .pic1 { width: 50%; float: left; }
.weiyud_1 { width: 100%; padding: 0 0.2rem; width: 50%; position: absolute; right:0; top: 50%; transform: translateY(-50%); }
.weiyud ul li:nth-child(n+2) { margin-top: 0.4rem; }
@media(max-width: 1100px){
    .weiyud ul li .pic1 { width: 100%; }
    .weiyud_1 { float: left; padding: 0.4rem 0.2rem 0.5rem; width: 100%; position: relative; right:0; top: 0; transform: translateY(0); }
    .weiyud_1 .pic2 img { width: 3rem; height: auto; }
}

.weiyua_7 { z-index: 3; width: 100%; height: 100%; position: absolute; left:0; top:0; }
.weiyua_7 ul { width: 100%; height: 100%; }
.weiyua_7 ul li { cursor: default; cursor: pointer; width: 0.6rem; height: 0.6rem; position: absolute; transform: translate(-50%, -50%); }
.weiyua_8 { position: relative; width: 0.36rem; height: 0.36rem; }
.weiyua_8 .btn { width: 0.36rem; height: 0.36rem; border-radius: 50%; background: url(../img/kids/kidsc1.png) no-repeat center #fff; background-size: 0.1rem auto; }
.weiyua_9 { display: none; position: absolute; left:50%; bottom:0; transform: translateX(-50%); padding-bottom: 0.5rem;  }
.weiyua_7 ul li.bottom .weiyua_9 { bottom: auto; top: 0; padding: 0.5rem 0 0 0;  }
.weiyua_10 { padding: 0.3rem 0.5rem; text-align: center; }
.weiyua_10 .pic { width: 1.5rem; height: auto; }
.weiyua_10 a.mainMore { text-align: left; width: 1.3rem; padding: 0.1rem 0.13rem; }
.weiyua_10 a.mainMore i { display: block; padding-right:0; }
.weiyua_7 ul li:hover .weiyua_9 { display: block; }
.weiyua_7 ul li:hover .weiyua_8 .btn { background: url(../img/kids/kidsc2.png) no-repeat center var(--red); background-size: 0.1rem auto; }
@media(max-width:1100px){
    .kidsd { display: none;; }
}



/*D5 石晶产品-乐迈石晶｜卫浴-卫浴产品-浴室柜-澜沐泽*/
.prodetd:before { display:none;  }
.prodetd { padding-bottom: 0.3rem; }
.prodetd_2 { width: 50%; }
.prodetd_2.wid30 { width: 30%; }
.prodetd_3 { width: 81%; }
.prodetd_5 { overflow: hidden; }
.prodetd_4 { margin-right: 0.2rem; width: 14%; height: 6.6rem; position: relative; }
.prodetd_4 .swiper-container { height: 6.6rem; position: relative; }
.prodetd_4 .swiper-container .swiper-slide { background: #FFF; border:2px solid rgba(255,255,255,0); }
.prodetd_4 .swiper-container .swiper-slide-thumb-active { border:2px solid var(--red); }
.prodetd_6 { width: 50%; padding-left:0.8rem; }
.prodetd_7 .tt { padding: 0.26rem 0.3rem 0.26rem 0; background: url(../img/prodet/jia.png) no-repeat right center; background-size: 0.14rem auto;  }
.prodetd_7 ul li { border-bottom: 1px solid #ccc; }
.prodetd_7 ul li.active .tt { background: url(../img/prodet/jian.png) no-repeat right center; background-size: 0.14rem auto; }
.prodetd_6 .cc2 { padding-bottom: 0.3rem; }
.prodetd_6 .cc { display:none; }
.prodetd_8 a { display:block; padding: 0.2rem 0.2rem; background: var(--red);}
.prodetd_9 a { float: left; padding-left: 0.28rem; }
.prodetd_9 a.address { background: url(../img/prodet/address.png) no-repeat left center; background-size: 0.15rem auto; margin-right: 0.45rem; }
.prodetd_9 a.contact { background: url(../img/prodet/contact.png) no-repeat left center; background-size: 0.18rem auto; }
@media(max-width: 1100px){
    .prodetd_2 { width: 100%; }
    .prodetd_2.wid30 { width: 100%; }
    .prodetd_3 { width: 80%; }
    .prodetd_4 { margin-right: 0; width: 15%; height: 5.65rem; }
    .prodetd_4 .swiper-container { height: 5.65rem; }
    .prodetd_6 { width: 100%; padding: 0.4rem 0 0; }
}

.prodete { padding: 1rem 0; }

/*F1 全国门店-直营中心*/
.storec {  }
.storec ul { display: flex; flex-wrap: wrap; }
.storec ul li { width: calc(33.33333% - 0.2rem); margin-right: 0.3rem; }
.storec ul li:nth-child(3n) { margin-right: 0rem; }
.storec ul li:nth-child(n+4) { margin-top: 0.2rem; }
.storec .text { padding: 0.3rem 0.3rem 0.5rem 0.35rem; }
.storec .text .icon { width: 1.5rem; position: absolute; top:50%; transform:translateY(-50%); right: 0.4rem; }
.storec .text .more a { display:inline-block; padding-left: 0.3rem; background: url(../img/store/address.png) no-repeat left center; background-size: 0.21rem auto; }
.storec .text .more a i { font-style: normal; border-bottom:1px solid #f2f2f2; }
.storec .text .more:hover a i { color: var(--red); border-bottom:1px solid var(--red); }
@media(max-width:1100px){
    .storec ul li { width: calc(50% - 0.1rem); margin-right: 0.2rem; }
    .storec ul li:nth-child(3n) { margin-right: 0.2rem; }
    .storec ul li:nth-child(2n) { margin-right: 0rem; }
    .storec ul li:nth-child(n+3) { margin-top: 0.2rem; }
    .storec .text .icon { width: 1rem; right: 0.3rem; }
}

/*F2 全国门店-乐商分享-列表*/

.stored { display: flex; flex-wrap: wrap; }
.stored_2 { float: right; width: 56.5%; position: relative; }
.stored_2 .pic { position: relative; width: 100%; height: 100%; display:none; }
.stored_1 { float:left; width: 41%; margin-right: 2.5%; }
.stored_1 a { display:block; padding: 0.4rem 0.3rem 0.5rem; position: relative; border-bottom:1px solid #c2c2c2; }
.stored_3 .c { padding-top: 0.2rem; }
.stored_3 .con { display:none; }
.stored_1 .active { background: #f2f2f2; }
.stored_1 .active a:after { content:''; width: 100%; height: 3px; background: var(--red); position: absolute; left:0; bottom: -1px; }
@media(max-width: 1100px){
    .stored_2 { width: 100%; position: relative; margin-top: 0.3rem; }
    .stored_2 .pic { position: relative; width: 100%; height: 100%; display:none; }
    .stored_1 { width: 100%; margin-right: 0; }
}


/* 联系我们 */
.contacta { padding-top: 0.8rem; }
.contacta_1 { width: 40%; }
.contacta_2 { width: 42%; }
.contacta_3 .text { padding-left: 1rem; background: url(../img/contact/contactabg1.png) no-repeat left center; background-size: 0.67rem auto;;}
.contacta_3 { padding-bottom: 0.3rem; border-bottom: 1px solid #d7d7d7;} 
.contacta_5 .ewm img { width: 1.44rem; height: auto; }
.contacta_5 .ewm { width: 1.44rem; height: 1.44rem; position: relative; overflow: hidden; }
.contacta_5 .ewm:after { content:''; width: 100%; height: 50%; position: absolute; left:0; top: 0; background: linear-gradient(180deg, rgba(150, 33, 40, 0.5) 0%, rgba(150, 33, 40, 0) 100%);  animation: topTobottom 4s linear  1.5s infinite ;-webkit-animation: topTobottom 4s linear  1.5s infinite; }
.contacta_5 .t { position: absolute; left: 1.7rem; top: 50%; transform: translateY(-50%); }
.contacta_6 .c { line-height: 0.28rem; min-height: 0.56rem; }
.contacta_2 ul li { border:1px solid #d7d7d7; padding: 0.35rem 0.4rem; }
.contacta_2 ul li:hover { border-color: var(--red); }
.contacta_2 ul li:nth-child(n+2) { margin-top: 0.2rem; }
.contacta_6 { position: relative;  }
.contacta_6:after { content:''; width: 1px; height: 100%; position: absolute; left: 76%; top: 0; background: #d7d7d7;  }
.contacta_7 { position: absolute; top: 50%; transform: translateY(-50%); right:-0.2rem; width: 24%; text-align: center; }
.contacta_7 img { width: 0.65rem; height: auto; }
@keyframes topTobottom {
    0% { top: 0%; }
    100% { top: 50%; }
}
@media(max-width: 1100px){
    .contacta_1 { width: 100%; }
    .contacta_3 { margin-top: 0.3rem; }
    .contacta_2 { width: 100%; margin-top: 0.5rem; }
}

.contactb_1 { background: #fff; }
.contactb_1:nth-child(2n) { background: #f2f2f2; }
.contactb_3 { width: 50%; }
.contactb_4 { width: 42%; position: absolute; right:0; top: 50%; transform: translateY(-50%); }
.contactb_1:nth-child(2n) .contactb_3 { float: right; }
.contactb_1:nth-child(2n) .contactb_4 { right: auto; left:0;  }
.contactb_5 .icon img { height: 0.4rem; width: auto; }
.contactb_5 ul { display: flex; justify-content: space-between; }
.contactb_5 ul li { display: flex; flex-direction: column;  }
@media(max-width: 1100px){
    .contactb_3 { width: 100%; float: left; }
    .contactb_4 { width: 100%; position: relative; right:0; top: 0%; transform: translateY(0%); float: left; margin-top: 0.4rem; }
    .contactb_5 { margin-top: 0.25rem; } 
}

.contactc_3 ul li { float: left; width: calc(14.2857% - 0.18rem); margin-right: 0.21rem; height: 3.1rem; }
.contactc_3 ul { text-align: center; } 
.contactc_3 ul li { float:none; display: inline-block; margin: 0 0.1rem; }

.contactc_3 ul li:nth-child(7n) { margin-right:0; }
.contactc_4 { width: 100%; height: 2.1rem; border:1px solid #dedede; position: absolute; left:50%; top: 50%; transform:  translate(-50%, -50%); }
.contactc_6 { opacity: 0; transition:  all 0.6s; width: 100%; border:1px solid #dedede; border-top: 3px solid var(--red); position: absolute; left:50%; top: 50%; transform:  translate(-50%, -50%); }
.contactc_5 { position: relative; width: 100%; height: 100%; }
.contactc_5 img { width: auto; height: 0.6rem; position: absolute; left:50%; top: 50%; transform:  translate(-50%, -50%); }
.contactc_7 { background: #fff; }
.contactc_7 .icon { padding: 0.15rem 0;  }
.contactc_7 .icon img { width: auto; height: 0.6rem; }
.contactc_7 { padding-bottom: 0.35rem; }
.contactc_3 ul li:hover .contactc_6 { opacity: 1; }
.contactc_7 .ewm img { width: auto; height: 1.3rem; }
@media(max-width: 1100px){
    .contactc_3 ul li { float:left; width: calc(33.333333% - 0.16rem); margin-left:0; margin-right: 0.24rem; height: 3.1rem; }
    .contactc_3 ul li:nth-child(7n) { margin-right: 0.24rem; }
    .contactc_3 ul li:nth-child(3n) { margin-right:0; }
    .contactc_3 ul li:nth-child(n+4) { margin-top:0.3rem; }
    .contactc_6 { opacity: 1; }
}
@media(max-width: 500px){
    /*.contactc_3 ul li { width: calc(50% - 0.1rem); margin-right: 0.2rem; height: 4rem; }*/
    /*.contactc_3 ul li:nth-child(7n) { margin-right: 0.2rem; }*/
    /*.contactc_3 ul li:nth-child(3n) { margin-right:0.2rem; }*/
    /*.contactc_3 ul li:nth-child(2n) { margin-right:0; }*/
    /*.contactc_3 ul li:nth-child(n+3) { margin-top:0.3rem; }*/
    .contactc_6 { opacity: 1; }
    .contactc_7 .icon { padding: 0.2rem 0;  }
    .contactc_7 .icon img { width: auto; height: 0.4rem; }
    .contactc_7 { padding-bottom: 0.4rem; }
    .contactc_3 ul li:hover .contactc_6 { opacity: 1; }
    /*.contactc_7 .ewm img { width: auto; height: 1.8rem; }*/
}
/* G2 联系我们-信息登记 */
.contactd { padding: 1.6rem 0 1rem; background: url(../img/contact/contactd1.jpg) no-repeat center/cover; }
.bgWhite { background: #fff; }
.contactd_1 { margin: 0 auto; width: 100%; max-width:7.4rem; padding: 0.5rem 0.3rem 0.6rem; background: #fff; border-top: 3px solid var(--red); }
.contactd_2 ul li { position: relative; float:left; width: calc(50% - 6px); margin-right: 12px; }
.contactd_2 ul li span { position: absolute; left: 0.12rem; top: 50%; transform:translateY(-50%); }
.contactd_2 ul li:nth-child(2n) { margin-right: 0; }
.contactd_2 ul li:nth-child(n+3) { margin-top: 10px; }
.contactd_2 ul li:nth-child(n+5) { margin-right: 0; width: 100%; }
.contactd_2 ul li input,.contactd_2 ul li textarea { font-weight: 400; font-size: 0.16rem; color:#333333; padding-left: 0.12rem; background: #f2f2f2; width: 100%; height: 0.56rem; }
.contactd_2 ul li textarea { height: 1.2rem; padding-top: 0.1rem; }
.contactd_2 ul li button { cursor: pointer; vertical-align:top; margin: 0.3rem 0.06rem 0 0.06rem; height: auto; line-height: 1; padding: 0.15rem 0.5rem; font-size:0.16rem; border:1px solid var(--red); }
.contactd_2 ul li button:hover { background: var(--red); color:#fff!important;  }

/*H1 交易记录1*/
.buya_7 button { cursor: pointer; vertical-align:top; height: auto; line-height: 1; padding: 0.15rem 0.5rem; font-size:0.16rem; border:1px solid var(--red); }

.buya { width: 100%; height: 100vh; }
.buya_1 { position: absolute; left: 50%; top: 50%; transform:translate(-50%, -50%); width: 5.8rem; }
.buya_2 { width: 100%; padding: 0.5rem 0.5rem 0.5rem; background: #fff; border-top: 3px solid var(--red); }
.buya_4 { float:left; display:inline-block; width: 49%; padding: 0.15rem 0.2rem 0.15rem 0.3rem; border:1px solid rgba(255,255,255,0); }
.buya_4:nth-child(2n) { float:right; }
.buya_5 .icon { overflow: hidden; width: 0.72rem; height: 0.72rem; border-radius: 50%; border:1px solid #f2f2f2; }
.buya_5 .icon img { width: 100%; height: auto; }
.buya_5 .icon .pic2 { display:none; }
.buya_5 .text { text-align:left; position: absolute; left: 0.9rem; top: 50%; transform:translateY(-50%); }
.buya_4.active .icon .pic1 { display:none; }
.buya_4.active .icon .pic2 { display:block; }
.buya_4.active .icon { background: var(--red); border-color: var(--red); }
.buya_4.active { border-color: var(--red); }
.buya_6 span { display:inline-block; padding-left: 0.3rem; background: url(../img/buy/buya4.png) no-repeat left center; background-size: 0.18rem auto; }

/*H2 交易记录2*/
.buyb_1 form { width: 3.7rem; margin: 0 auto; }
.buyb_1 ul li input { border:none; font-weight: 400; font-size: 0.16rem; color:#333333; padding-left: 0.12rem; background: #f2f2f2; width: 100%; height: 0.56rem; }
.buyb_1 .code { margin-top: 12px; }
.buyb_1 .code input { float:left; width: 2.3rem; }
.buyb_1 .code .send_code { float:right; width: 1.28rem; line-height: 0.56rem; height: 0.56rem; border:1px solid var(--red); }
.buyb_1 .code .send_code:hover { background: var(--red); color:#fff; cursor: pointer; }
@media(max-width: 1100px) {
    .buyb_1 form { width: 5rem; }
    .buyb_1 .code input { width: calc(5rem - 1.6rem - 10px); }
    .buyb_1 .code .send_code { float:right; width: 1.6rem; height: 0.56rem; border:1px solid var(--red); }
}


.buyc { border-top: 1px solid #f2f2f2; }
.buyc_3 ul li { padding: 0.4rem 0 0.3rem; border-bottom:1px solid #f2f2f2; display:flex; flex-wrap: wrap; }
.buyc_3 .t { line-height: 0.46rem; }
.buyc_3 .t1 { width: 48%; }
.buyc_3 .t2 { width: 25%; }
.buyc_3 .t3 { width: 22%; }
.buyc_3 .t4 { width: 5%; text-align:right; }
.buyc_3 .t4 .btn { padding: 0.1rem 0.2rem; border:1px solid var(--red); }
.buyc_3 .t4 .btn:hover { background: var(--red); color:#fff; cursor: pointer; }
@media(max-width:1100px){
    .buyc_3 .t1 { width: 35%; }
    .buyc_3 .t2 { width: 38%; }
}

/*H4 交易记录4*/
.buyd_2 { padding: 0.35rem 0.5rem 0.4rem; }
.buyd_4 { padding: 0.35rem 0.5rem 0.4rem; }
.buyd_4 .buyd_2 { padding: 0.4rem 0; }
.buyd_4 .buyd_2:last-child { padding-bottom: 0; }
.buyd_3 ul li:nth-child(1) { float:left; min-width: 2.3rem; }
.buyd_3 ul li:nth-child(2) { float:left; min-width: 3.2rem; }
.buyd_3 ul li:nth-child(3) { float:left; width: 4.3rem; }
.buyd_3 ul li:nth-child(4) { float:left; width: 2rem; }
.buyd_3 ul li:nth-child(5) { float:left; width: 2rem; }
.buyd_3 ul li:nth-child(6) { float:right;}
@media(max-width: 1100px){
    .buyd_3 ul li:nth-child(1) { width: calc(50% - 0.1rem); margin-right: 0.2rem; min-width:10px; }
    .buyd_3 ul li:nth-child(2) { width: calc(50% - 0.1rem); margin-right: 0.2rem; min-width:10px; }
    .buyd_3 ul li:nth-child(3) { width: calc(50% - 0.1rem); margin-right: 0.2rem; min-width:10px; }
    .buyd_3 ul li:nth-child(4) { width: calc(50% - 0.1rem); margin-right: 0.2rem; min-width:10px; }
    .buyd_3 ul li:nth-child(5) { width: calc(50% - 0.1rem); margin-right: 0.2rem; min-width:10px; }
    .buyd_3 ul li:nth-child(6) { width: calc(50% - 0.1rem); margin-right: 0.2rem; min-width:10px; }
    .buyd_3 ul li:nth-child(2n) { margin-right: 0;  }
    .buyd_3 ul li:nth-child(n+3) { margin-top: 0.2rem;  }
}

/* 儿童空间 */
.kidse_1 { position: absolute; left: 1rem; top: 50%; transform: translateY(-50%); width: 43%; }
.kidse_1 .con p { margin-top: 0.3rem; }
.kidse_2 { width: 47%; }
@media(max-width: 1100px){
    .kidse_1 { padding: 0.4rem 0.2rem 0.5rem; position: relative; left:0; top: 0; transform: translateY(0); width: 100%; float: left; }
    .kidse_1 .con p { margin-top: 0.2rem; }
    .kidse_2 { width: 100%; margin-top: 0rem; }
}

.kidsf_3 { overflow: hidden; width: 50%; }
.kidsf_3 .titB { position: absolute; left:0; width: 100%; bottom: 0.4rem; text-align: center; transition:  all 0.5s;}
.kidsf_3:hover .titB { bottom: -1rem; }
.kidsf_3:hover .kidsf_4 { opacity: 1; }
.kidsf_4 { opacity: 0; width: 100%; padding: 0 0.6rem; position: absolute; left: 0; top: 50%; transform: translateY(-50%); transition:  all 0.5s; }
.kidsf_4 .tit { padding-bottom: 0.2rem; border-bottom: 2px solid var(--red); }
@media(max-width: 1100px){
    .kidsf_3 { overflow: hidden; width: 100%; }
}


.kidsg_3 { width: 50%; }
.kidsg_2 { position: absolute; left:0; width: 50%; top: 50%; transform: translateY(-50%); padding: 0 0.6rem; }
@media(max-width: 1100px){
    .kidsg_3 { width: 100%; }
    .kidsg_2 { position: relative; left:0; width: 100%; top: 0; transform: translateY(0); padding: 0.4rem 0.3rem; float: left; }
}


/* D9 石晶产品-乐迈石晶地墙-天王星系列 */
.diqianga_1 { width: 100%; left:0; position: absolute; top: 1.5rem; padding: 0 0.6rem; }
.diqianga_2 { max-width: 7.5rem; }
.diqianga_2 .t { padding-bottom: 0.3rem; border-bottom: 2px solid var(--red); }
.diqianga_3 { position: absolute; bottom: 0.8rem; left: 0.6rem; }
@media(max-width: 1100px){
    .diqianga_1 { padding: 0 0.4rem; }
}
.cased_1 ul { display: flex; flex-wrap: wrap; }
.cased_1 ul li { float: left; width: calc(25% - 0.15rem); margin-right: 0.2rem; transition: all 0.5s; }
.cased_1 ul li:nth-child(4n) { margin-right:0; }
.cased_1 ul li:nth-child(n+5) { margin-top: 0.3rem; }
.cased_1 ul li:hover { background: #f2f2f2; }
.cased_1 ul li:hover .t { color: var(--red) }
.cased_1 ul li:hover .cased_2 .more { opacity: 1; }
@media(max-width: 1100px){
    .cased_1 ul li { background: #f2f2f2; width: calc(50% - 0.1rem); margin-right: 0.2rem; }
    .cased_1 ul li:nth-child(2n) { margin-right:0; }
    .cased_1 ul li:nth-child(n+3) { margin-top: 0.3rem; }
}

/* D11 石晶产品-乐迈石晶防水板 */
.fangshuibana_2 { width: 50%; }
.fangshuibana_3 { width: 48%; }
.fangshuibana_3 p { margin-top: 0.2rem; }
@media(max-width: 1100px){
    .fangshuibana_2 { width: 100%; }
    .fangshuibana_3 { width: 100%; margin-top: 0.4rem; }
}
.fangshuibanb {background: url(../img/fangshuiban/fangshuibanbbg1.jpg) no-repeat center/cover; }
.fangshuibanb dd { margin-top: 10px; }
.fangshuibanb dt,.fangshuibanb dd { display: flex; flex-wrap: wrap; }
.fangshuibanb dd { background: #fff; }
.fangshuibanb dt .t { font-weight: bold; }
/*.fangshuibanb dd:nth-child(2n) { background: #f2f2f2; }*/
.fangshuibanb .t { padding: 0.2rem 0.1rem; float: left; display: flex; justify-content: center; align-items: center; }

.fangshuibanb dd .t1 { padding: 0.05rem 0.1rem; }
.fangshuibanb .t .ttt { height: calc(100% - 0.12rem); display: inline-block; width: 1.7rem; border: 0.02rem solid var(--red);  display: flex;
  justify-content: center; 
  align-items: center;  }


.fangshuibanb .t1 { width: 9%; }
.fangshuibanb .t2 { width: 12%; }
.fangshuibanb .t3 { width: 12%; }
.fangshuibanb .t4 { width: 13%; }
.fangshuibanb .t5 { width: 7%; }
.fangshuibanb .t6 { width: 7%; }
.fangshuibanb .t7 { width: 7%; }
.fangshuibanb .t8 { width: 33%; }


.fangshuibanb .t1 { width: 14%; }
.fangshuibanb .t2 { width: 17%; }
.fangshuibanb .t3 { width: 17%; }
.fangshuibanb .t4 { width: 19%; }
.fangshuibanb .t5 { width: 11%; }
.fangshuibanb .t6 { width: 11%; }
.fangshuibanb .t7 { width: 11%; }
.fangshuibanb .t8 { width: 33%; display: none; }
.fangshuibanb_2 ul li .text:nth-child(n+2) { margin-top: 0.2rem; }
.fangshuibanb_2 ul li { padding: 0.3rem 0.2rem; background: #fff; }
/* .fangshuibanb_2 ul li:nth-child(n+2) { margin-top: 0.3rem; } */
.fangshuibanb_2 ul li:nth-child(2n) { background: #f2f2f2; }

.fangshuibanc_2 ul { display: flex; flex-wrap: wrap; }
.fangshuibanc_2 ul li { background: #f2f2f2; float: left; width: calc(33.33333% - 0.14rem); margin-right: 0.21rem; }
.fangshuibanc_2 ul li:nth-child(3n) { margin-right: 0; }
.fangshuibanc_2 ul li:nth-child(n+4) { margin-top: 0.21rem; }
.fangshuibanc_2 ul li .pic { opacity: 0; transition: all 0.5s; }
.fangshuibanc_3 { position: absolute; left:0; top: 0.4rem; width: calc(100% - 0.3rem); left: 0.3rem; }
.fangshuibanc_4 { position: relative; padding-left: 0.9rem; }
.fangshuibanc_4 .icon { position: absolute; left:0; top: 50%; transform: translateY(-50%); }
.fangshuibanc_4 .icon .pic2 { display: none; }
.fangshuibanc_4 .icon img { width: 0.66rem; height: auto; }
.colorc3 { color:#c3c3c3; }
.fangshuibanc_2 .num { position: absolute; left: 0.3rem; bottom: 0.3rem; line-height: 1; }
.fangshuibanc_2 ul li:after { z-index: 2; content:''; width: 0; height: 3px; position: absolute; left:0; bottom:0; transition: all 0.6s; background: var(--red); }
.fangshuibanc_2 ul li:hover .pic  { opacity: 1; }
.fangshuibanc_2 ul li:hover .t,.fangshuibanc_2 ul li:hover .c { color:#fff; }
.fangshuibanc_2 ul li:hover .fangshuibanc_4 .icon .pic2 { display: block; }
.fangshuibanc_2 ul li:hover .fangshuibanc_4 .icon .pic1 { display: none; }
.fangshuibanc_2 ul li:hover:after { width: 100%; }
@media(max-width: 1100px){
    /* .fangshuibanc_2 ul li { width: 100%; margin-right: 0; }
    .fangshuibanc_2 ul li:nth-child(3n) { margin-right: 0; }
    .fangshuibanc_2 ul li:nth-child(n+2) { margin-top: 0.2rem; } */
    .fangshuibanc_2 ul li { width: calc(50% - 0.1rem); margin-right: 0.2rem; }
    .fangshuibanc_2 ul li:nth-child(3n) { margin-right: 0.2rem; }
    .fangshuibanc_2 ul li:nth-child(2n) { margin-right: 0; }
    .fangshuibanc_2 ul li:nth-child(n+3) { margin-top: 0.2rem; }
    .fangshuibanc_3 { top: 0.2rem; width: calc(100% - 0.2rem); left: 0.2rem; }
    .fangshuibanc_4 { padding-left: 0.6rem; }
    .fangshuibanc_4 .icon img { width: 0.5rem; height: auto; }
    .fangshuibanc_2 .num { left: 0.2rem; bottom: 0.2rem; }
}

.fangshuiband_3 ul li {padding: 0.3rem 0.24rem 0.3rem 4.8rem; }
.fangshuiband_3 ul li:nth-child(n+2) { margin-top: 0.2rem; }
.fangshuiband_4 { position: absolute; top: 50%; left: 0.24rem; transform: translateY(-50%); }
.fangshuiband_5 { width: 3.2rem; position: relative; padding-left: 0.5rem;}
.fangshuiband_5 .num { position: absolute; left:0; top: 50%; width: 0.34rem; text-align: center; line-height: 0.32rem; border-radius: 0.5rem; transform: translateY(-50%); }
.fangshuiband_7 { position: absolute; width: 0.3rem; height: 0.3rem; position: absolute; left: 3.4rem; top: 50%; transform: translateY(-50%); background: url(../img/fangshuiban/fangshuiband1bg.png) no-repeat center; background-size: 0.23rem auto; }
.fangshuiband_3 ul li:last-child .fangshuiband_7 { display: none; }

@media(max-width: 1100px){
    .fangshuiband_3 ul li { overflow: visible; padding: 0.3rem 0.2rem; }
    .fangshuiband_4 { width: 100%; position: relative; float: left; top: 0; left: 0; transform: translateY(0); }
    .fangshuiband_6 { width: 100%; float: left; margin-top: 0.2rem; }
    .fangshuiband_7 { left: 50%; transform: translateX(-50%); top: auto; bottom: -0.45rem; }
    .fangshuiband_3 ul li:nth-child(n+2) { margin-top: 0.6rem; }
}


.layui-form-select dl { top: 0.6rem; }
.layui-form-select dl dd { font-size: 0.16rem; line-height: 0.4rem;  }

strong { font-weight: bold; }

.fix_right { z-index:11; transform: scale(0.8); z-index: 100; position: fixed; right: 5px; top: 50%; margin-top: -200px; }

.top_link { box-shadow: 5px 5px 10px 0 rgba(120,120,120,0.3); padding: 15px 0; width: 65px; background: #fff; border-radius: 60px; }
.fix_righta { display:block; width: 100%; position: absolute; left:0; top: 50%; transform:translateY(-50%); text-align:center; }
.top_link ul li { width: 65px; height: 65px; position: relative; }
.top_link ul li .icon { margin: 0 auto; width: 22px; height: 22px; }
.top_link ul li .icon01 { background: url(../img/fixright/icon01.png) no-repeat center; background-size: 100% auto; }
.top_link ul li .icon02 { background: url(../img/fixright/icon02.png) no-repeat center; background-size: 100% auto; }
.top_link ul li .icon03 { background: url(../img/fixright/icon03.png) no-repeat center; background-size: 100% auto; }
.top_link ul li .icon04 { background: url(../img/fixright/icon04.png) no-repeat center; background-size: 100% auto; }
.top_link ul li .icon05 { background: url(../img/fixright/icon05.png) no-repeat center; background-size: 100% auto; }
.top_link ul li .icon06 { background: url(../img/fixright/icon06.png) no-repeat center; background-size: 100% auto; }
.top_link ul li:hover .icon01 { background: url(../img/fixright/icon011.png) no-repeat center; background-size: 100% auto; }
.top_link ul li:hover .icon02 { background: url(../img/fixright/icon022.png) no-repeat center; background-size: 100% auto; }
.top_link ul li:hover .icon03 { background: url(../img/fixright/icon033.png) no-repeat center; background-size: 100% auto; }
.top_link ul li:hover .icon04 { background: url(../img/fixright/icon044.png) no-repeat center; background-size: 100% auto; }
.top_link ul li:hover .icon05 { background: url(../img/fixright/icon055.png) no-repeat center; background-size: 100% auto; }
.top_link ul li:hover .icon06 { background: url(../img/fixright/icon066.png) no-repeat center; background-size: 100% auto; }
.fix_righta .t { font-size: 12px; }
.top_link ul li:hover .t { color: var(--red); }
.back_top { width: 65px; height: 65px; border-radius: 50px; margin-top: 20px; cursor: pointer; background: var(--red); }
.back_top .icon { margin: 0 auto 3px; width: 22px; height: 10px; background: url(../img/fixright/iconhome.png) no-repeat center; background-size: 22px auto; }

.marginT150 { margin-top: 1.5rem; }
.sub_nav { display:none; position: absolute; left:0; top: 0.65rem; width: 100%; z-index: 100; padding: 0.7rem 0 0.6rem; background: #f3f3f3; }
.header .nav:hover .sub_nav { display: block; }
.nav ul li { margin-right: 0.5rem; }
/*.sub_nava { display: flex; justify-content: space-between; }*/

.sub_nava dl { float: left; width: 2.2rem; padding-left: 0.25rem; }
.sub_nava dl { float: left; width: 1.7rem; padding-left: 0.25rem; }
.sub_nava dd a { display:block; }
.sub_nava dd a:nth-child(n+2) { margin-top: 0.1rem; }
.sub_nava dd a:hover { color: var(--red); }

.sub_nava dl a:hover,.sub_nava dl.on a { color: var(--red); }

@media(max-width: 1100px){
    .top_link { display: none; }
    .fix_right { top: auto; transform: translateY(0); bottom: 0.5rem; }
}

.nav ul li:nth-child(3) { margin-right: 1.3rem; }
.nav ul li:nth-child(4) { margin-right: 1.2rem; }
.sub_nava dl:nth-child(3) { width: 2.55rem; }
.sub_nava dl:nth-child(4) { width: 2.45rem; }

a { text-decoration: none; }

/*618*/
.contacte { padding: 1.1rem 0 1.3rem; background: url(../img/contactbbg1.jpg) no-repeat center/cover; }
.contacte_1 { max-width: 100vw; margin-top: 0.6rem; background: none; border:none; padding: 0; }
.contactd_2 ul li input, .contactd_2 ul li textarea { color:#000; }
.contacte_1 .contactd_2 ul li { width: calc(25% - 0.15rem); margin-right: 0.2rem; }
.contacte_1 .contactd_2 ul li:nth-child(4n) {  margin-right: 0; }
.contacte_1 .contactd_2 ul li:nth-child(n+2) {  margin-top: 0; }
.contacte_1 .contactd_2 ul li:nth-child(n+5) { width: calc(50% - 0.1rem); margin-right: 0.2rem; margin-top: 0.2rem; }
.contacte_1 .contactd_2 ul li:nth-child(6) { margin-right:0; }
.contacte_1 .contactd_2 ul li:nth-child(n+7) { margin-right:0; width: 100%; }
.bgNone { background:none; }
.contacte_1 .contactd_2 ul li input,.contacte_1 .contactd_2 ul li textarea { height: 0.76rem; font-size: 0.18rem; }
.contacte_1 .contactd_2 ul li textarea  { height: 1.5rem; }
@media(max-width: 1100px){
    .contacte_1 .contactd_2 ul li { width: calc(50% - 0.1rem); margin-right: 0.2rem; }
    .contacte_1 .contactd_2 ul li:nth-child(n+2) {  margin-top: 0; }
    .contacte_1 .contactd_2 ul li:nth-child(n+3) { width: calc(50% - 0.1rem); margin-right: 0.2rem; margin-top: 0.2rem; }
    .contacte_1 .contactd_2 ul li:nth-child(2n) {  margin-right: 0; }
    .contacte_1 .contactd_2 ul li:nth-child(6) { margin-right:0; }
    .contacte_1 .contactd_2 ul li:nth-child(n+7) { margin-right:0; width: 100%; }
}

.storec ul li { border-bottom: 3px solid #f2f2f2; }
.storec ul li:hover { border-color: var(--red); }

.storea_3 { z-index: 5; }


.storeb { padding-bottom: 1.3rem; }
.storeb .swiper-button-prev,.storeb .swiper-button-next { top: auto; margin:0; bottom: 0; width: 0.5rem; height: 0.5rem; background:#f2f2f2; background: var(--red)}
.storeb .mQh:after { color:#666; color:#fff; font-size: 0.16rem; }
.storeb .swiper-button-prev { left: calc(50% - 0.6rem); }
.storeb .swiper-button-next { right: calc(50% - 0.6rem); }
.storeb .mQh:hover { background: var(--red); }
.storeb .mQh:hover:after { color:#fff; }

.caseb_3 a { margin-right: 0.1rem; }
.caseb_3 a:last-child { margin-right:0; }

.prodetbb_1 ul li:nth-child(n+2) { margin-top: 0.2rem; }

@media(max-width: 1100px){
    .prodeta_1 .ss .t.fl { float: left; }
    .prodeta_1 .ss .prodeta_4 { float: right; margin-top:0; }
}

.paddingB120 { padding-bottom: 1.2rem; }

.prodetd_9 a.sign { display: block; width: 100%; padding: 12px 10px; margin:0; text-align: center;}
.homec_2 .mainMore3 { border:1px solid var(--red)!important; }
.mainQh { width: 0.54rem; height: 0.54rem; background: rgba(0,0, 0,0.5); background: var(--red); opacity: 1!important; }
.mainQh.disabled { background: rgba(0,0,0,0.3)!important; }
.prodetb .mainQh { top: 50%!important; transform: translateY(-50%)!important; bottom: auto!important; }
.prodetb .mainNext { right: 0.3rem!important; }
.prodetb .mainPrev { left:auto!important; right: 1.1rem!important; }

.addjoin { height: calc(180px + 1.1rem); width: 300px; background: #fff; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.25); z-index: 100; position: fixed; left: 1.5rem; left: auto; right: 11px;  bottom: 0.35rem; }
.addjoina_1 { padding: 0.3rem 0.2rem; }
.addjoina .close { position: absolute; top: 0.15rem; right: 0.15rem; width: 0.2rem; height: 0.2rem; background: url(../img/addjoin/close.png) no-repeat center; background-size: 50% auto; cursor: pointer; z-index: 5; }
.addjoina_2 a { transition:all 0.5s; float:left; width: calc(50% - 5px); border:1px solid #999999; padding: 0.1rem 0; line-height: 1; text-align:center; }
.addjoina_2 a.bgRed { margin-left: 10px; background: var(--red); border-color: var(--red); }
.addjoina_2 a:hover { background: var(--red); border-color:var(--red); color:#fff; }

.mainQh,.swiperQhBtn { background: var(--red)!important; opacity: 1!important; }
.mainQh.swiper-button-disabled,.swiperQhBtn.swiper-button-disabled { background: rgba(0,0,0,0.3)!important; }



.homeb_a11 { position: absolute; width: 100%; left:0; top: 1rem; z-index: 3; }
.homeb { background: none; }
@media(max-width: 1600px){
    /*.addjoin { left: 1rem; }*/
}
@media(max-width: 1100px){
    .addjoin { left: auto; right:5px; display: none; }
    .homeb_a11 { padding: 0.6rem 0 0; background:#fff; position: relative; width: 100%; left:0; top: 0; padding-bottom: 0.4rem; z-index: 9; }
    .homeb_a112 { z-index: 5; margin-top: -1rem; }
}

.paddingT110 { padding-top: 1.1rem; }


.aboutc2 ul { position: relative; width: 100%; height: 9.3rem; }
.aboutc2 ul li { overflow: hidden; position: absolute; }
/*.aboutc2 ul li.pic1 { left: 0; top: 0; width: 3.8rem; height: 4.65rem; }*/
/*.aboutc2 ul li.pic2 { left: 3.8rem; top: 0; width: 3.8rem; height: 4.65rem; }*/
/*.aboutc2 ul li.pic3 { left: 0; bottom: 0; width: 3.8rem; height: 4.65rem; }*/
/*.aboutc2 ul li.pic4 { left: 3.8rem; bottom: 0; width: 3.8rem; height: 4.65rem; }*/
/*.aboutc2 ul li.pic5 { left: 7.6rem; top: 0; width: calc(100% - 11.5rem); height: 9.3rem; }*/
/*.aboutc2 ul li.pic6 { right: 0rem; top: 0; width: 3.9rem; height: 3.1rem; }*/
/*.aboutc2 ul li.pic7 { right: 0rem; top: 3.1rem; width: 3.9rem; height: 3.1rem; }*/
/*.aboutc2 ul li.pic8 { right: 0; bottom: 0; width: 3.9rem; height: 3.1rem; }*/



.aboutc2 ul li.pic1 { left: 0; top: 0; width: calc(100% - 11.5rem); height: 9.3rem; }
.aboutc2 ul li.pic2 { left: calc(100% - 11.5rem); top: 0; width: 3.8rem; height: 4.65rem; }
.aboutc2 ul li.pic3 { left: calc(100% - 7.7rem); top: 0; width: 3.8rem; height: 4.65rem; }
.aboutc2 ul li.pic4 { left: calc(100% - 11.5rem); bottom: 0; width: 3.8rem; height: 4.65rem; }
.aboutc2 ul li.pic5 { left: calc(100% - 7.7rem); bottom: 0; width: 3.8rem; height: 4.65rem; }
.aboutc2 ul li.pic6 { right: 0rem; top: 0; width: 3.9rem; height: 3.1rem; }
.aboutc2 ul li.pic7 { right: 0rem; top: 3.1rem; width: 3.9rem; height: 3.1rem; }
.aboutc2 ul li.pic8 { right: 0; bottom: 0; width: 3.9rem; height: 3.1rem; }







.aboutc2_1,.aboutc2_1 .pic,.aboutc2_3 { position: relative; width: 100%; height: 100%; }
.aboutc2_2 { z-index: 5; transition:all 0.6s; position: absolute; padding: 0 0.3rem; left:0; top: calc(100% - 1.3rem); width: 100%; height: calc(100% - 0.6rem); }
.aboutc2_3 .con { position: absolute; left:0; bottom: 0; width: 100%; }
.aboutc2_1:after { opacity: 0; content:''; width: 100%; height: 100%; position: absolute; left:0; top:0; background: rgba(0,0,0,.3); }
.aboutc2 ul li:hover .aboutc2_2 { top: 0.3rem; }
.aboutc2 ul li:hover .aboutc2_1:after { opacity: 1; }


.aboutc2 ul li:nth-child(1) .aboutc2_2,
.aboutc2 ul li:nth-child(2) .aboutc2_2,
.aboutc2 ul li:nth-child(3) .aboutc2_2,
.aboutc2 ul li:nth-child(4) .aboutc2_2 { top: calc(100% - 1.3rem); height: calc(100% - 2rem);  }
.aboutc2 ul li:nth-child(1):hover .aboutc2_2,
.aboutc2 ul li:nth-child(2):hover .aboutc2_2,
.aboutc2 ul li:nth-child(3):hover .aboutc2_2,
.aboutc2 ul li:nth-child(4):hover .aboutc2_2 { top: 1.6rem; }
.aboutc2 ul li:nth-child(5) .aboutc2_2 { top: calc(100% - 1.3rem); height: 3.5rem;  }
.aboutc2 ul li:nth-child(5):hover .aboutc2_2 { top: calc(100% - 3.9rem); }


@media(max-width: 1600px){
    .aboutc2 ul { position: relative; width: 100%; height: 10.5rem; }
    .aboutc2 ul li { overflow: hidden; position: absolute; }
    /*.aboutc2 ul li.pic1 { left: 0; top: 0; width: 4rem; height: 5.25rem; }*/
    /*.aboutc2 ul li.pic2 { left: 4rem; top: 0; width: 4rem; height: 5.25rem; }*/
    /*.aboutc2 ul li.pic3 { left: 0; bottom: 0; width: 4rem; height: 5.25rem; }*/
    /*.aboutc2 ul li.pic4 { left: 4rem; bottom: 0; width: 4rem; height: 5.25rem; }*/
    /*.aboutc2 ul li.pic5 { left: 8rem; top: 0; width: calc(100% - 12.5rem); height: 10.5rem; }*/
    /*.aboutc2 ul li.pic6 { right: 0rem; top: 0; width: 4.5rem; height: 3.5rem; }*/
    /*.aboutc2 ul li.pic7 { right: 0rem; top: 3.5rem; width: 4.5rem; height: 3.5rem; }*/
    /*.aboutc2 ul li.pic8 { right: 0; bottom: 0; width: 4.5rem; height: 3.5rem; }*/
    
    
    .aboutc2 ul li.pic1 { left: 0rem; top: 0; width: calc(100% - 12.5rem); height: 10.5rem; }
    
    
    .aboutc2 ul li.pic2 { left: calc(100% - 12.5rem); top: 0; width: 4rem; height: 5.25rem; }
    .aboutc2 ul li.pic3 { left: calc(100% - 8.5rem); top: 0; width: 4rem; height: 5.25rem; }
    .aboutc2 ul li.pic4 { left: calc(100% - 12.5rem); bottom: 0; width: 4rem; height: 5.25rem; }
    .aboutc2 ul li.pic5 { left: calc(100% - 8.5rem); bottom: 0; width: 4rem; height: 5.25rem; }
    .aboutc2 ul li.pic6 { right: 0rem; top: 0; width: 4.5rem; height: 3.5rem; }
    .aboutc2 ul li.pic7 { right: 0rem; top: 3.5rem; width: 4.5rem; height: 3.5rem; }
    .aboutc2 ul li.pic8 { right: 0; bottom: 0; width: 4.5rem; height: 3.5rem; }
    
    
}
     
@media(max-width: 1100px){
    .aboutc2 ul { position: relative; width: 100%; height: auto; }
    .aboutc2 ul li { overflow: hidden; position: relative; }
    .aboutc2 ul li .pic { position: relative; }
    .aboutc2 ul li .pic:after { content:''; width: 100%; height: 100%; top: 0; bottom:0; position: absolute; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%); }
    .aboutc2 ul li.pic1,
    .aboutc2 ul li.pic2,
    .aboutc2 ul li.pic3,
    .aboutc2 ul li.pic4,
    .aboutc2 ul li.pic5,
    .aboutc2 ul li.pic6,
    .aboutc2 ul li.pic7,
    .aboutc2 ul li.pic8 { right: auto; bottom: auto; width: auto; height: auto; left:auto; top: auto; float: left; width: 50%;  }
    .aboutc2 ul li.pic5 { width: 100%; }
    .aboutc2_2 { top: auto!important; bottom: 0.3rem!important; height: auto!important; }
}
                
                
.fangshuibandd_4 { position: absolute; left: 0; top: 1.9rem; padding: 0 0.6rem; width: 100%; }
.bgf2 { background: #f2f2f2; }
.fangshuibandd_6 { padding: 0 0.6rem; position: relative; top: -2.5rem; }
.fangshuibandd_7 { padding: 0.3rem 0.3rem 0.2rem; min-height: 4rem; }
.fangshuibandd_7 .t { padding-left: 0.45rem; position: relative; }
.fangshuibandd_7 .t span { font-size: 0.2rem; width: 0.36rem; height: 0.36rem; border: 0.02rem solid var(--red); border-radius: 5rem; position: absolute; left:0; top: 50%; transform:translateY(-50%); text-align:center; line-height: 0.32rem; }
.fangshuibandd_5 .mainQh { top: auto; transform:translateY(0); margin: 0; bottom: 0; }
.fangshuibandd_5 .mainPrev { left: auto; right: 0.8rem!important; }
.fangshuibandd_5 .mainNext { left: auto; right: 0!important; }
.fangshuibandd_7:hover .t .num { background: var(--red); color:#fff; }         
@media(max-width: 1100px){
    .fangshuibandd_4 { position: absolute; left: 0; top: 0.5rem; padding: 0 0.3rem; width: 100%; }
    .fangshuibandd_5 { padding-bottom: 1rem; }
    .fangshuibandd_6 { padding: 0 0; position: relative; top: 0; margin-top: 0.5rem; }
}    

.homehisa_1 { width: 100%; height: 100%; position: absolute; left:0; top: 0; }
.homehisa_2 { width: 100%; height: 100%; position: relative; }
.homehisa_1 ul li { width: 1.7rem; position: absolute; }
.homehisa_1 .t { line-height: 1; }
.homehisa_1 .text1 { left: 0.9rem; top: 7.02rem; }
.homehisa_1 .text2 { left: 2.3rem; bottom: 0.6rem; }
.homehisa_1 .text3 { left: 3.8rem; top: 5.22rem; width: 1.95rem; }
.homehisa_1 .text4 { left: 5.2rem; bottom: 2.16rem; }
.homehisa_1 .text5 { left: 6.65rem; top: 3.82rem; width: 1.95rem; }
.homehisa_1 .text6 { left: 8.1rem; bottom: 3.42rem; }
.homehisa_1 .text7 { left: 9.5rem; top: 2.75rem; width: 2rem; }
.homehisa_1 .text8 { left: 11rem; bottom: 4.42rem; width: 1.95rem; }
.homehisa_1 .text9 { left: 12.4rem; top: 1.55rem; width: 2.25rem; }
.homehisa_1 .text10 { left: 13.8rem; bottom: 4.9rem; width: 2.1rem; }
.homehisa_1 .text11 { left: 15.25rem; top: 0.8rem; width: 2.05rem; }
.homehisa_1 .text12 { left: 16.7rem; bottom: 5.8rem; width: 1.7rem; }
.homehisa_1 ul li:hover .t { color:var(--red); }
.homehisa_1 ul li:hover .t,
.homehisa_1 ul li:hover .c { top: -10px; }
.homehisa_1 .t,.homehisa_1 .c { position: relative; transition: all 0.5s; top: 0; }

.top_join { padding-left: 0.7rem; background: url(../img/joinbg.png) no-repeat left center; background-size: 0.51rem auto; }
.zInde10 { z-index: 10; }
.weiyua_3 { overflow: hidden; }
.homeb { width: 100%; overflow: hidden; }
@media(max-width:1100px){
    .homehisa_1 .text .t { font-weight: normal; }
    .homehisa_1 .text1 { left: 2.7rem; width: 1.7rem; top: 13.2rem; }
    .homehisa_1 .text2 { left: .3rem; bottom: auto; top: 12rem; width: 1.7rem; }
    .homehisa_1 .text3 { left: 3.1rem;  top: 11rem; width: 1.85rem; }
    .homehisa_1 .text4 { left: 0.5rem; bottom: auto; top: 10rem; width: 1.7rem; }
    .homehisa_1 .text5 { left: 3.5rem; top: 9.05rem; width: 1.85rem; }
    .homehisa_1 .text6 { left: 0.8rem; bottom: auto; top: 8.02rem; width: 1.85rem; }
    .homehisa_1 .text7 { left: 4rem; top: 7.1rem; width: 1.85rem; }
    .homehisa_1 .text8 { left: 0.8rem; bottom: auto; top: 6.1rem; width: 2.3rem; }
    .homehisa_1 .text9 { left: 4.65rem; top: 5rem; width: 2.6rem; }
    .homehisa_1 .text10 { left: 1.55rem; bottom: auto; top: 3.95rem; width: 2.25rem; }
    .homehisa_1 .text11 { left: 5.02rem; top: 2.9rem; width: 2.2rem; }
    .homehisa_1 .text12 { left: 2.68rem; bottom: auto; top: 1.85rem; width: 1.85rem; }

}

/*无图详情页*/
.etdetbg { background: url(../img/kids/etdetbg.jpg) no-repeat center/cover; }
.prodetd_6.wid100 { width: 45%; padding-left: 0; }

@media(max-width: 1100px){
    .prodetd_6.wid100 { width: 100%; }
}

.exclusivea { padding: 0.9rem 0 1.6rem; background: var(--red); }
.marginT150 { margin-top: 1.5rem; }
.font82 { font-size: 0.82rem; }
.font96 { font-size: 0.96rem; }
.exclusivea_2 ul li { width: 33.3333%; }
.exclusivea_2 ul li:nth-child(n+2) { border-left: 1px solid rgba(255,255,255,0.3); }
.exclusibeb_3 ul { display:flex; flex-wrap: wrap; }
.exclusibeb_3 ul li { float: left; width: calc(33.3333% - 24px); margin-right: 16px; }
.exclusibeb_3 ul li:nth-child(3n) { margin-right:0; }
.exclusibeb_3 ul li { padding: 0.5rem 0.4rem 0.7rem; }
.exclusibeb_3 .icon img { height: 0.84rem; width: auto; }
.exclusibeb_3 .t span { display:inline-block; padding-right: 0.2rem; background: url(../img/adda4.png) no-repeat right center; background-size: 0.1rem auto; }
@media(max-width:1100px){
    .exclusibeb_3 ul li { width: 100%; margin-right:0; }
    .exclusibeb_3 ul li:nth-child(n+2) {  margin-top: 0.3rem; }
    .exclusivea { padding-bottom: 1rem; }
    .exclusivea_2 { margin-top: 0.5rem; }
    .exclusivea_2 ul li { width: 26%; padding:0; }
    .exclusivea_2 ul li:nth-child(2) { width: 37%; padding:0; }
    .exclusivea_2 ul li:nth-child(3) { width: 37%; padding:0; }
    .exclusivea_2 .c { font-size: 0.24rem; }
    .padding110 { padding: 0.8rem 0; }
}

.redearcha_2 .img { width: 70.4%; }
.redearcha_3 { width: 27.2%; }
.redearchc ul { display: flex; justify-content: space-between; }
.redearchc .line { width: 1px; height: 100%; background: #666; opacity: 0.5; position: absolute; top: 0; }
.redearchc .linea { left: 30%; }
.redearchc .lineb { right: 30%; }
@media(max-width: 1100px){
    .redearchc ul { display:block; }
    .redearchc ul{display:block;zoom:1;}
    .redearchc ul:after{content:'\20';display:block;clear:both;visibility:hidden;line-height:0;height:0;}
    .redearchc ul li { float:left; width: 60%; }
    .redearchc ul li:nth-child(2) { width: 40%; }
    .redearchc ul li:nth-child(n+3) { padding-top: 0.4rem; width: 100%; margin-top: 0.4rem; border-top: 1px solid #dedede; }
    .redearchc .line { display:none; }
}
@media(max-width: 600px){
    .redearcha_2 .img { width: 100%; }
    .redearcha_3 { width: 100%; margin-top: 0.3rem; }
}

.exclusivee_z { display:none; width:100%; background: rgba(0,0,0,.6);  height: 100vh; position: fixed; left: 50%; top: 50%; transform:translate(-50%, -50%); z-index: 1000; }
.exclusivee_y { width: 100%; height: 100%; position: relative; }
.exclusivee { width: 94%; background: #fff; padding: 0.7rem 0.6rem; height: 90vh; position: absolute; left: 50%; top: 50%; transform:translate(-50%, -50%); z-index: 1000; box-shadow: 5px 5px 10px 5px rgba(120,120,120,0.3); }
.exclusivee-a { position: relative; width: 100%; height: 100%; overflow-y:scroll; padding-right: 0.3rem; }
.exclusivee .close { width: 0.3rem; height: 0.3rem; cursor:pointer; position: absolute; right: -0.3rem; top: -0.5rem; z-index: 10; }
.exclusivee .close svg { fill: #979797; width: 100%; height: auto; }
.exclusivee .close svg:hover { fill: var(--red); }
.exclusivee-b,.exclusivec_5 { padding-top: 0.4rem; border-top: 1px solid #dedede; }
.exclusivee_5 ul li { position: relative; padding-left: 0.8rem; }
.exclusivee_5 ul li .icon { position: absolute; top: -0.1rem; left:0; width: 0.5rem; }
.exclusivee_5 ul li .icon img { width: 100%; height: auto; }
.exclusivee_5 ul li:nth-child(n+2) { margin-top: 0.6rem; }
.exclusivee_5 ul li:nth-child(n+2) .icon { top: -0.05rem; }
.exclusiveeb { position: relative; height: 100%; }

.exclusivea .mainMore:hover i { color:var(--red)!important; background: url(../img/mainmore2.png) no-repeat right center; }
.exclusivea .mainMore:hover { background:#fff!important; }
.exclusivea .mainMore:before { background:#fff; }
@media(max-width: 1100px){
    .exclusivee { padding: 0.6rem 0.2rem; }
    .exclusivee .close { right: 0; top: -0.4rem; }
}

.footerC_c .icon { width: 0.5rem; height: 0.5rem; border-radius: 0.1rem; background:#fff; display: flex; align-items: center; justify-content: center; }

.footerC_c .icon img { height: auto; width: 0.3rem; }
.footerC_c .ewm { z-index: 1000; display: none; width: 1.5rem; position:absolute; left: 50%; transform: translateX(-50%); bottom: 0.6rem; background:#fff; padding: 0.1rem; border-radius: 0.1rem; }
.footerC_c .ewm img { width: 100%; height: auto; }
.footerC_c a:hover .ewm { display: block; }

@media(max-width: 1100px){
    .footerC_c a:nth-child(1) .ewm { left: 0; transform: translateX(0); }
    .footerC_c a:last-child .ewm { left: auto; right:0; transform: translateX(0); }
    .footerC_c .ewm { bottom: 0.7rem; }
}

.producta_1aa { padding-bottom: 0.3rem; border-bottom: 1px solid #999999; }
.producta_1aa .newsa_1 .topT { padding-bottom: 0; border:none; }

@media(max-width: 1100px){
    .producta_1aa .caseb_3 { float: none; }
}



