blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
fieldset,img{border:0}
:focus{outline:0}
address,caption,cite,code,dfn,em,optgroup,th,var{font-style:normal;font-weight:400}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
abbr,acronym{border:0;font-variant:normal}
button,input,optgroup,option,select,textarea{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
code,kbd,samp,tt{font-size:100%}
body{line-height:1.5}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
caption,th{text-align:left}
sub,sup{font-size:100%;vertical-align:baseline}
:link,:visited,ins{text-decoration:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
.clearfix{margin-right:auto;margin-left:auto}
.clearfix:after,.clearfix:before{display:table;content:"";line-height:0}
.clearfix:after{clear:both}
b,em,i{font-style:normal;font-weight:400}
body{margin:0;font-family:"Microsoft Yahei",Arial,Tahoma,Helvetica,SimSun,"Hiragino Sans GB",sans-serif;font-size:14px;line-height:20px;color:#4c4c4c;background-color:#fff;position:relative}
body,html{position:relative;}
html{height:100%}
body{min-height:100%;background-color:#fff}
button,input,select,textarea,th{background:#fff;font-size:12px;line-height:1.5em;font-family:"Microsoft Yahei",Arial,Tahoma,Helvetica,SimSun,"Hiragino Sans GB",sans-serif}
button,input[type=button],input[type=password],input[type=reset],input[type=submit],input[type=text]{-webkit-appearance:none}
a{color:#fff;text-decoration:none}
a,img {-webkit-touch-callout: none;}
a:focus,a:hover{-webkit-transition:color 150ms ease-in 0s,background-color 150ms ease-in 150ms;-moz-transition:color 150ms ease-in 0s,background-color 150ms ease-in 150ms;-ms-transition:color 150ms ease-in 0s,background-color 150ms ease-in 150ms;-o-transition:color 150ms ease-in 0s,background-color 150ms ease-in 150ms;transition:color 150ms ease-in 0s,background-color 150ms ease-in 150ms}
.rotate360:hover{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
.rotate360{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.disflex{display:box;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}

.page{background: #101113;}
.normalW{width:1200px;margin: 0 auto;}
.indexPadding{padding:40px 0;}
/* head */
header{height: 60px;position: fixed;top: 0;left: 0;right: 0;z-index: 99;background: #101113;}
.tophead{height: 60px;}
.head{align-items: center;justify-content: space-between;}
.head .logo{display:block;width: 96px;}
.nav>li{display: block;height: 60px;line-height: 60px;color: #fff;padding: 0 10px;}
.nav>li a{display: block;}
a:hover{color:#999}
.hasPull::after{font-size: 28px;vertical-align: middle;width: 19px;content: '';background: url(../img/d-down.svg) no-repeat center;background-size: 10px;height: 10px;display: inline-block;}
.hasPull.on::after{transform: rotate(180deg);}
.pullBox{position: absolute;top:60px;left: 0;right: 0;background:rgba(0,0,0,.75);overflow: hidden;display: none;}
.pullOne{justify-content: center;padding:20px 0 40px 0;width:1200px;margin:0 auto;}
.pullItem{flex:1;padding: 0 10px;max-width: 280px;}
.pullItem .pullHeadImg{display:block;margin-bottom: 14px;}
.pullItem .pullHeadImg img{display: block;width: 100%;}
.pullItem .pullHeadImg p{text-align: left;font-size:16px;line-height: 46px;border-bottom:2px solid #777;}
.pullItem ul li{font-size:14px;line-height: 30px;}

.shopping{width:60px;height:60px;background: URL(../img/shop.png) no-repeat center;background-size:40px ;}


.boxTitle{font-size: 24px;font-weight: bold;color: #fff;position: relative;letter-spacing: 4px;text-align: center;margin-bottom: 50px;}
.boxTitle::after{content: "";display: block;width: 32px;height: 5px;background: #E55751;margin:14px auto 0;}

.videoBox {height: 100%;overflow: hidden;position: relative;width: 100%;}
.videoBox video{min-width:1920px;min-height:1080px;display: block;pointer-events: none;z-index: 70;}
.introduceBox {justify-content: space-between;padding: 40px 0;}
.introduceBox a{width: 120px;}
.introduceBox a img{width: 90px;height: 90px;margin: 0 auto;margin-bottom: 20px;display: block;}
.introduceBox a p{color: #fff;text-align: center;font-size: 16px;}
.introduceBox a:hover p{color: #999;}



.buildList{justify-content: space-between;}
.buildList li{width:585px;height:330px;border-radius: 6px;overflow: hidden;position: relative;background:#fff;}
.buildList li img{display: block;width: 100%;}
.buildList li p{position: absolute;height: 68px;line-height: 68px;padding:0 50px;font-size: 14px;background: #fff;bottom: 0;left: 0;right: 0;color:#4c4c4c}
.buildList li p span{display: block;width: 80px;height: 30px;line-height: 30px;text-align: center;position: absolute;top: 19px;right: 20px;background:#242424 ;color: #fff;border-radius: 3px;}


.indexVideo{width: 1200px;margin-bottom: 70px;position: relative;}

/* height: 675px; */
.indexVideo video{display: block;width:100%}
.indexVideo::after{display: block;content: '';width: 100%;height: 100%;background: url(../img/ico_sy_play.png) no-repeat center;background-size: 100px;position: absolute;top: 0;right: 0;bottom: 0;left: 0;cursor: pointer;}
.indexVideo.on::after{display: none;}
.showItem{margin-bottom:40px;}
.showItem li:hover .itemTitle em{background: #ca0900;}
.showItem ul{display: grid;grid-template-columns:repeat(3,1fr);grid-gap: 70px 20px}
.showItem ul li{height: 288px;background: #fff;position: relative;border-radius: 6px;overflow: hidden;}
.showItem ul li a{display:block;width:100%;height:100%;position: relative;}
.showItem ul li img{display: block;width: 100%;}
.showItem ul li video{display: block;width: 100%;}
.showItem ul.list li{margin:0}
.showItem li .itemTitle{position: absolute;height: 68px;line-height: 68px;padding:0 20px;font-size: 14px;background: #fff;bottom: 0;left: 0;right: 0;}
.showItem li .itemTitle h4{font-size: 16px;line-height: 68px;color: #4c4c4c;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.showItem li .itemTitle em{display: block;width: 80px;height: 30px;line-height: 30px;text-align: center;position: absolute;top: 19px;right: 20px;background:#eb4e47 ;color: #fff;border-radius: 3px;}

.goodList{margin-bottom:40px;}
/* .goodList li:hover .itemTitle em{background: #ca0900;} */
.goodList ul{display: grid;grid-template-columns:repeat(3,1fr);grid-gap: 70px 20px}
.goodList ul li{height: 288px;background: #fff;position: relative;border-radius: 6px;overflow: hidden;}
.goodList ul li a{display:block;width:100%;height:100%;position: relative;}
.goodList ul li img{display: block;width: 100%;}
.goodList li .itemTitle{position: absolute;height: 68px;line-height: 68px;padding:0 20px;font-size: 14px;background: #fff;bottom: 0;left: 0;right: 0;}
.goodList li .itemTitle h4{font-size: 16px;line-height: 68px;color: #4c4c4c;}
.goodList li .itemTitle em{display: block;width: 80px;height: 30px;line-height: 30px;text-align: center;position: absolute;top: 19px;right: 20px;background:#242424 ;color: #fff;border-radius: 3px;}


.infoVideo{width: 1200px;position: relative;padding: 100px 0;}
.infoVideo video{display: block;width:100%}


.pad_inner {padding:140px 0}
.head{}
.two_col {display: flex;justify-content: space-between;align-items: center;}
.two_col>img {width: 486px;height: 580px;object-fit: contain;}
.right_text {width: 580px;}
.right_text h5 {font-size: 23px;color: #FFFFFF;line-height: 22px;text-align: left;margin: 45px 0;}
.right_text>p {font-size: 14px;color: #dcdcdc;line-height: 22px;text-align: left;margin: 33px 0;word-break: break-all}
.local_title{margin-bottom: 60px;}
.local_title h3 { font-size: 23px;color: #FFFFFF;line-height: 70px;text-align: center;margin-bottom:30px;font-weight: 600;}
.local_title h4 { font-size: 14px;color: #dcdcdc;line-height: 22px;text-align: center;}
.third_title {font-size: 18px;color: #dcdcdc;line-height: 22px;text-align: center;}
.forth_title {font-size: 12px;color: #dcdcdc;line-height: 22px;text-align: center;}
.three_col {justify-content: space-between;align-items: center;padding:0 0 60px 0;box-sizing: border-box;}
.box_item {width: 380px;height: 412px;position: relative;background: #fff;}
.box_item a{display: block;width: 100%;height: 100%;}
.box_img {width: 100%;}
.box_text {width: 100%;height:194px;box-sizing: border-box;padding:0 20px;background: #FFFFFF;position: absolute;bottom: 0;}
.box_tit {font-size: 18px;font-weight: 600; text-align: center;color: #000000;margin: 20px 0;}
.box_te {font-size: 14px;line-height: 25px;text-align:left;word-break: break-all;color: #888888;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;}
.black_col .box_item{background:#101113;}
.black_col .box_text{background:#101113;padding:0;}
.black_col .box_text h6{font-size: 14px;color:#fff;line-height: 40px;}
.black_col .box_tit{color:#fff;text-align: left;margin-top: 0;}
.black_col .box_te{color:#fff;}
.black_col .box_text i{line-height: 50px;font-size:14px;color:#fff;}
.box_banner {width: 100%;height: 330px;box-sizing: initial;}
.banner_des {width: 50%;height: 100%;background-color: #303030;flex-direction: column;justify-content: center;;box-sizing: border-box;padding: 0 60px;}
.banner_des .first_title { font-size: 23px;color: #FFFFFF;line-height: 100px;white-space: nowrap;}
.banner_des .second_title {display: block; font-size: 14px;color: #dcdcdc;line-height: 22px;}
.banner_des .second_title a{color: #dcdcdc;}
.banner_des:nth-of-type(1){text-align: right;}
.banner_des:last-of-type(1){text-align: left;}
.banner_img {width: 50%;height: 100%;overflow: hidden;}
.banner_img>img {width: auto;height: 100%;display: block;}
.text_right {text-align: right!important;}
.text_padding {padding-left: 100px!important;}
.text_margin {margin-top: 34px!important;}

/*  */
.reasonBox {display: grid;grid-template-columns:repeat(4,1fr);grid-gap: 80px 90px;margin-bottom:100px;}
.reasonBox div{width: 220px;}
.reasonBox div img{width: 52px;height: 52px;margin: 0 auto;margin-bottom: 20px;display: block;}
.reasonBox p{line-height: 27px;}
.reasonBox p:nth-child(2){line-height: 50px;}


/* 器材 */
.top_pic {width: 100%;height: 930px;background: url(../image/pic_mk2_video.jpg) center/100% no-repeat;}
.three_grid {display: grid;grid-template-columns:repeat(3,1fr);grid-gap: 70px 20px; padding: 50px 0;}


.grid_item {width: 380px;height: 286px;}
.grid_img {width: 100%;min-height: 220px;display: block;}
.grid_text {width: 100%;height: 66px;box-sizing: border-box;padding:0 20px;background: #FFFFFF;}
.grid_tit {font-size: 18px;line-height: 66px;font-weight: 600; text-align: center;color: 000000;}

.noshadow {box-shadow: none !important;}
.inner_padding {padding: 40px 0 10px 0;}
.noradius {border-radius: 0px !important;}

.footer{padding:60px 0 20px;height: auto;}
.footTop{position: relative;}
.rightInfo{position: absolute;right:0;text-align: right;top: 0;}
.rightInfo>img{display:inline-block;width:90px;margin-bottom: 20px;}
.qrcodeBox div{width: 64px;margin-left:15px;font-size: 10px;position: relative;}
.qrcodeBox div img{display: block;}
.qrcodeBox div p{text-align: center;line-height: 20px;color: #fff;}
.footAdressBox {color:#fbfbfb;font-weight: 300;}
.footAdressBox>div{margin-right: 50px;margin-bottom: 40px;}
.footAdressBox h3{height: 30px;line-height: 30px;margin-bottom: 15px;font-size: 14px;}
.footAdressBox h3::before{display: inline-block;content:'';width:30px;height: 30px;background: url(../img/con_shoyye_hdw.png) no-repeat center;background-size: 24px auto;vertical-align: top;}
.footAdressBox  p{line-height: 24px;font-size: 14px;}

.footNav{height: 30px;line-height: 30px;color:#fbfbfb;font-weight: 300;position: relative;}
.footNav li{margin-right:30px;}
.footNav li>a{display: block;}
.social{position: absolute;top: 0;right: 0;box-sizing: content-box;height: 30px;}
.social a{display:inline-block;width: 30px;height:30px;margin-left:16px;}
.social a img{display: block;width: 100%;}
.copyright{font-size: 10px;margin-top: 20px;color:#fbfbfb;}

.caseTxtshow{display: flex;align-items: center;margin-bottom: 120px;}
.caseTxtshow .caseImg{flex: 2;margin:0}
.caseTxtshow .caseImg video{width: 100%;}
.caseTxtshow .caseImg img{width: 100%;}
.caseTxtshow .caseTxt h3{font-size: 30px;color:#fff;line-height: 30px;margin-bottom: 30px;}
.caseTxtshow .caseTxt h4{font-size: 30px;color:#fff;line-height: 30px;margin-bottom: 10px;}
.caseTxtshow .caseTxt p{word-break:keep-all;font-size:14px ;color:#fff;line-height: 24px;}
.caseTxtshow .caseTxt{flex: 1;box-sizing: border-box;}
.caseTxtshow .caseTxt:first-child{padding-right:80px;}
.caseTxtshow .caseTxt:last-child{padding-left:80px;}
.newCaseTxtBox .caseImg{flex: 1;}
.marginTo{margin-bottom: 80px;}
.caseGoodBox {margin-bottom:80px;}
.caseGoodList{width:100%;display: grid;grid-template-columns: repeat(2,1fr);grid-gap: 30px;}
.caseGoodList li{position: relative;}
.caseGoodList li a{position: relative;}
.caseGoodList li img{width: 100%;}
.caseGoodList li .textBox{height:150px;position: absolute;left: 0;right: 0;bottom:0;padding:0 40px;color: #fff;}
.caseGoodList li .textBox h5{margin-top:40px;line-height:35px;font-size: 18px;font-weight: 600;}
.caseGoodList li .textBox p{line-height:35px;font-size: 18px;}

.head .Login_pop button {
    width: 70px;
    height: 30px;
    border: 1px solid #666666;
    background: #101112;
    border-radius: 4px;
    color: #FFFFFF;
    display: none;
}

.head .Login_pop button::before {
    content: '';
    display: inline-block;
    width: 12px;
    height: 14px;
    background: url(../img/ico_denglu.png) no-repeat center;
    background-size: cover;
    margin: 0 6px 0 0;
    vertical-align: -2px;
}

.head  .Login_pop {
    /* height: 100%; */
    margin-left: 50px;
    text-align: right;
}

.head  .loginInfo {
    width: 220px;
}
.topUlHeader{display:block !important;overflow-x: scroll;}
.topUlHeader ul.headMul{width: max-content;}
.topUlHeader ul.headMul li{display: inline-block;margin-right: 0.15rem;}
.topUlHeader ul.headMul li a{display: block;}
::-webkit-scrollbar {
    display: none;
  }
.loginOutOul a{color:#333;}
/* @media screen and (max-width: 1024px) {
    .head1
} */
.videoBox{position: relative;}
.videoShowTxt{position: absolute;bottom: 20%;left:50%;transform: translateX(-50%);background: rgba(255,255,255,.3);padding: 20px;width: 800px;}
.videoShowTxt .list{padding: 0;}
.videoShowTxt .list li{flex:1;height: auto;padding:10px 10px 10px 20px;margin: 0;background: #000000;border: none;border-radius: 5px;}
.videoShowTxt .list li:nth-of-type(1){margin-right: 20px;}
.videoShowTxt .list li h5 {font-size: 18px;color: #ffffff;font-weight: bold;margin-bottom: 15px;}
.videoShowTxt .list  li p {color: #ffffff;margin-top: 5px;}
.videoShowTxt .list  li .imgCode{background: transparent;}
.videoShowTxt .list  li .imgCode img{border-radius: 5px;}


.borderoff ul li{border-radius: inherit;}
.whiteBuild .buildList li{height: 430px;}
.whiteBuild .buildList li p{height: 100px;line-height: 100px;font-size: 24px;}
.whiteBuild .buildList li p span{width: 140px;height: 48px;line-height: 48px;border-radius: inherit;background: #eb4e47;top: 26px;}
.whiteBuild .buildList li p span{background: #eb4e47;}
.topHasText{position: relative;margin-bottom: 50px;overflow: hidden;}
.topHasText .topHasImg{display:block;min-width: 1920px;background: #000;width: 100%;}
.topHasText .inText{position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: flex;justify-content: center;align-items: center;flex-direction: column;color: #fff;}
.topHasText .inText h1{font-size: 60px;line-height: 60px;margin-bottom: 50px;font-weight: 600;letter-spacing: 2px;}
.topHasText .inText h4{font-size: 30px;line-height: 30px;margin-bottom: 70px;font-weight: 300;}
.topHasText .inText h3{font-size: 40px;line-height: 75px;}
.topHasText .inText h3 img{display: inline-block;width: 75px;height: 75px;vertical-align: top;margin-right: 20px;}

.titleoff{margin-bottom: 0;}
.titleoff h3{font-size: 30px;}
.imgofBox{display: grid;grid-template-columns: repeat(5,1fr);grid-gap: 10px;}
.imgofBox img{background: #ccc;display: block;width: 100%;}
.brandList{margin-bottom: 100px;}
.brandList ul{display: grid;grid-template-columns: repeat(6,1fr);grid-gap: 20px 12px;}
.brandList li{}
.brandList li a{display: block;width: 100%;}
.brandList img{display: block;width: 100%;background: #ccc;display: block;width: 100%;}
.grid_3 {display: grid;grid-gap:15px;grid-template-columns: repeat(3,1fr);}
.grid_2 {display: grid;grid-gap:15px;grid-template-columns: repeat(2,1fr);}
.showImgList{margin-bottom: 100px;}
.showImgList .grid_2 div:nth-of-type(1){width: 650px;}
.grid_right img{display: block;width: 100%;}
.grid_right img:nth-of-type(1){height: 300px;margin-bottom: 20px;}
.grid_right img:nth-of-type(2){height: 280px;}
.grid_left>img{display: block;width: 100%;height:345px;margin-bottom: 10px;}
.grid_3>img{display: block;width: 100%;}
.grid_left .grid_3>img{height: 115px;}
.showImgList>.grid_3>img{min-height: 210px;}
.showImgList>div{margin-bottom: 15px;}
@media screen and (max-width: 1024px) {
    body{font-size:.24rem;}
    .head {display: none;}
    .head1{height: .84rem;}
    .head1 img{height: auto;}
    .head1 .mShopCar img{height: auto;}
    .head1 button{background:transparent;}
    .normalW{width: 100%;}
    .page{width: 100%;overflow: hidden;}
    .two_col {display: block;padding: 1.4rem 0;}
    .two_col img{width: 100%;height: auto;}
    .two_col  .right_text{width: 100%;padding:0 .2rem;box-sizing: border-box;}
    .three_col{flex-direction: column;padding:0 0 .6rem;}
    .three_col .box_item{margin-bottom:.4rem;width: 6.8rem;height: 7rem;}
    .right_text h5{font-size: .4rem;}
    .local_title{margin-bottom:.6rem ;}
    .local_title h3{font-size: .4rem;margin-bottom: .3rem;line-height: .7rem;}
    .local_title h4{font-size: .28rem;}
    .right_text>p{font-size: .28rem;}
    .box_tit{font-size: .4rem;margin: .3rem 0;}
    .box_text{height: 3rem;}
    .black_col .box_item{width: 100%;height: 8.24rem;margin-bottom:.1rem;}
    .black_col .box_text{height: 3.88rem;padding:0 .2rem;}
    .box_tit{padding: 0;}
    .black_col .box_text h6{font-size: .28rem;line-height: .8rem;}
    .box_te{font-size: .28rem;}
    .box_banner {display: block;height: auto;padding: 1.4rem 0;height:auto;min-height: 6.6rem;}
    .box_banner>div{width: 100%;}
    .box_banner  .banner_des {padding:0 .6rem;height: 6.6rem;}
    .box_banner .first_title {font-size: .32rem;}
    .box_banner .second_title {font-size: .24rem;}
    .box_banner  .banner_img {height: auto;}
    .box_banner  .banner_img img{width: 100%;height: auto;}

    .reasonBox {display: grid;grid-template-columns: repeat(2,1fr);grid-gap: .3rem .2rem;margin-bottom: 1rem;padding: 0 .2rem;}
    .reasonBox div{width:100%;}
    .reasonBox div img{width: 1.04rem;height: 1.04rem;margin: 0 auto;margin-bottom: .3rem;display: block;}
    .reasonBox p{line-height: .48rem;}
    .reasonBox p:nth-child(2){line-height: .8rem;}
    .third_title{font-size: .32rem;}
    .forth_title{font-size: .2rem;}

    .footer{padding: .6rem 0 .2rem;}
    .footAdressBox {flex-direction: column;}
    .footAdressBox>div{margin-right: .5rem;margin-bottom: .4rem;}
    .footAdressBox h3{height: .6rem;line-height: .6rem;margin-bottom: .1rem;font-size: .28rem;}
    .footAdressBox h3::before{display: inline-block;content:'';width:.6rem;height: .6rem;background: url(../img/con_shoyye_hdw.png) no-repeat center;background-size: .48rem auto;vertical-align: top;}
    .footAdressBox  p{line-height: .4rem;font-size: .24rem;padding: 0 0 0 .2rem;}
    .qrcodeBox {flex-direction: column;}
    .footer .rightInfo>img{margin-right: .2rem;}
    .footNav{height: auto;line-height: .6rem;}
    .footNavBox{overflow-x: scroll;padding: 0 .2rem;}
    .footNav ul{width: max-content;}
    .social{position: relative;height: .6rem;padding: .2rem 0;display: flex;justify-content: space-around;}
    .social a{width:.6rem;height: .6rem;margin:0;}
    .footer .normalW .copyright{margin-top: .1rem;padding: 0 .2rem;}


    /* 首页 */
    .videoBox{width: 100%;margin-top: 1.66rem;}
    .videoBox video{min-width: 100%;width: 100%;min-height: auto;}

    .introduceBox {padding: .4rem .2rem;}
    .introduceBox a{width: 15%;position: relative;}
    .introduceBox a img{width: 80%;height:auto;margin: 0 auto;margin-bottom: .2rem;}
    .introduceBox a p{font-size: .2rem;position: relative;left: 50%;transform:translateX(-50%) ;white-space: nowrap;width: max-content;}
    .indexPadding{padding: .4rem 0;}
    .boxTitle{font-size:.48rem;margin-bottom: .8rem;}
    .boxTitle::after{width: .64rem;height: .1rem;margin: .28rem auto 0;}
    /* .buildList{padding:0 .2rem;} */
    .buildList li{width: auto;height: auto;margin:0 .2rem;}
    .buildList li img{margin-bottom:1.36rem;}
    .buildList li p{height: 1.36rem;line-height: .68rem;padding: 0 .1rem;font-size: .28rem;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
    .buildList li p span{width:1.6rem;height: .6rem;line-height: .6rem;top:auto;bottom: .1rem;right: 50%;transform: translateX(50%);font-size: .24rem;}

    .indexVideo{width: 100%;margin-bottom: .7rem;}
    .showItem{padding:0 .2rem;margin-bottom: .4rem}
    .showItem ul{grid-template-columns: repeat(2,1fr); grid-gap: .7rem .2rem;}
    .showItem ul li{height: auto;border-radius: .12rem;}
    .showItem ul li img{margin-bottom:1.36rem;min-height:1.5rem ;}
    .showItem ul li video{margin-bottom:1.36rem;min-height:1.5rem ;}
    .showItem ul li .itemTitle{height: 1.36rem;line-height: .68rem;padding: 0 .1rem;}
    .showItem li .itemTitle h4{line-height: .68rem;font-size: .32rem;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;text-align: center;}
    .showItem li .itemTitle em{width:1.6rem;height: .6rem;line-height: .6rem;top:auto;bottom: .1rem;right: 50%;transform: translateX(50%);font-size: .24rem;border-radius: .06rem;}
    .goodList{padding:0 .2rem;margin-bottom: .4rem}
    .goodList ul{grid-template-columns: repeat(2,1fr); grid-gap: .7rem .2rem;}
    .goodList ul li{height: auto;border-radius: .12rem;}
    .goodList ul li img{margin-bottom:1.36rem;}
    .goodList ul li .itemTitle{height: 1.36rem;line-height: .68rem;padding: 0 .1rem;}
    .goodList li .itemTitle h4{line-height: .68rem;font-size: .32rem;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;text-align: center;}
    .goodList li .itemTitle em{width:1.6rem;height: .6rem;line-height: .6rem;top:auto;bottom: .1rem;right: 50%;transform: translateX(50%);font-size: .24rem;border-radius: .06rem;}
    .showItem ul li:nth-last-of-type(1):nth-of-type(3){display: none;}
    .goodList ul li:nth-last-of-type(1):nth-of-type(3){display: none;}


    .infoVideo{padding: 1rem 0;width: 100%;padding:0 .2rem;}
    .three_grid {grid-template-columns: repeat(2,1fr); grid-gap: .7rem .2rem;padding:0 .2rem;}
    .three_grid .grid_item{height: auto;border-radius: .12rem;width: 100%;}
    .three_grid .grid_item .grid_img{min-height:auto}
    .three_grid .grid_item .grid_text{height: .68rem;line-height: .68rem;padding: 0 .1rem;}
    .three_grid .grid_item .grid_text p{line-height: .68rem;font-size: .32rem;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;text-align: center;}
    .caseGoodBox {margin-bottom:.8rem;}
    .caseTxtshow{display: block;padding: 0 .2rem;}
    .caseTxtBox  .caseTxtshow .caseTxt{padding-left: 0;padding-right: 0;margin-bottom:.4rem;}
    .caseTxtshow .caseTxt h3{font-size:.6rem;line-height: .6rem;margin-bottom: .6rem;}
    .caseTxtshow .caseTxt h4{font-size: .6rem;line-height: .6rem;margin-bottom: .1rem;}
    .caseTxtshow .caseTxt p{font-size:.28rem;line-height: .48rem;}
    .caseGoodList{grid-template-columns: repeat(1,1fr);padding: 0 .2rem;grid-gap:.3rem}
    .caseGoodList li .textBox{height: 1.5rem;padding:0 .4rem;}
    .caseGoodList li .textBox h5{margin-top:.2rem ;line-height: .6rem;font-size: .3rem;}
    .caseGoodList li .textBox p{line-height: .6rem;font-size: .3rem;}

    .tophead{height: 1.66rem;}
    .topHasText .topHasImg{min-width: auto;}
    .topHasText .inText h1{font-size: .38rem;line-height: .38rem;margin-bottom: .3rem;letter-spacing: .02rem;}
    .topHasText .inText h4{font-size: .28rem;line-height: .28rem;margin-bottom: .5rem;font-weight: 300;}
    .topHasText .inText h3{font-size: .3rem;line-height: .4rem;}
    .topHasText .inText h3 img{display: inline-block;width: .4rem;height: .4rem;vertical-align: top;margin-right: .2rem}
    .imgofBox{grid-template-columns: repeat(3,1fr);grid-gap: .1rem;padding: 0 .2rem;}
    .imgofBox img:nth-last-of-type(1){display: none;}
    .brandList {padding: 0 .2rem;}
    .brandList ul{grid-template-columns: repeat(4,1fr);grid-gap: .2rem .12rem;}

    .showImgList>.grid_3>img{min-height: auto;}
    .grid_2{grid-gap: .15rem;grid-template-columns: repeat(1,1fr);}
    .showImgList .grid_2 div:nth-of-type(1){width: 100%;}
    .grid_left>img{height: auto;margin-bottom: .1rem;}
    .grid_left .grid_3>img{height: auto;}
    .grid_right img:nth-of-type(1){height: auto;margin-bottom: .2rem;}
    .grid_right img:nth-of-type(2){height: auto;}

    .borderoff ul li{border-radius: inherit;}
    .borderoff.showItem ul li img{margin-bottom: 0.68rem;}
    .borderoff.showItem ul li .itemTitle{height: 0.68rem;}
    .whiteBuild .buildList li{height: auto;}
    .whiteBuild .buildList li p{height: 1.36rem;line-height: .68rem;font-size: .28rem;}
    .whiteBuild .buildList li p span{width: 1.6rem;height: 0.6rem;line-height: .6rem;top: auto;}

    .videoShowTxt{position: relative;transform:none;padding: .4rem;width: 100%;left: 0;}
    .videoShowTxt .list li{padding:.2rem .2rem .2rem .4rem;}
.videoShowTxt .list li:nth-of-type(1){margin-right: 0;margin-bottom: .2rem;}
.videoShowTxt .list li h5 {font-size: .3rem;margin-bottom: .2rem;}
.videoShowTxt .list  li p {margin-top: .1rem;font-size: .26rem;}
.videoShowTxt .list  li .imgCode img{border-radius: 5px;}
}