div[body]{overflow:hidden;} @media (max-width: 1480px){ /*首页新闻*/ #ind-news .wrap{width:90%;} #ind-news .wrap .container{width: 700px;} #ind-news .ind-btn{right:-365px;} #ind-news .wrap2{width:90%;} /*首页产品*/ #ind-pro .content .list .pic{width:90%;} #ind-pro .content .list .con{left:3%;} #ind-pro .content .list:nth-child(2n+2) .con{right:3%;} /*产品*/ #products{overflow:hidden;} /*#products .item{height:auto;}*/ } @media (max-width: 1440px){ /*导航*/ #header .right .nav .slide{margin-left:50px;} } @media (max-width: 1280px){ /*导航*/ #header .right .nav{margin-right:55px;} /*首页新闻*/ #ind-news .wrap .over{width:auto;} #ind-news .wrap .container{width: 62%;} #ind-news .wrap .slide .right{padding-top:5px;} #ind-news .wrap .slide .right .t{font-size:18px;} #ind-news .wrap .slide .right .date{margin:20px 0;} #ind-news .ind-btn{right:-50%;} } @media (max-width: 1180px){ /*导航*/ #header{height:110px;} #header .right .nav{display:none;} #header .right .menu{margin-top:38px; width:40px; cursor:pointer; margin-left:30px;} #header .right .menu i, #header .right .menu:before, #header .right .menu:after{content:''; height:3px; display:block; background:#fff; margin:9px 0;} #header:hover .right .menu i, #header.cur .right .menu i, #header:hover .right .menu:before, #header.cur .right .menu:before, #header:hover .right .menu:after, #header.cur .right .menu:after{background:#333;} #jext-open-side.head-menu .html{width:62%; background:#fff; box-shadow:0 0 9px rgba(0,0,0,.3); float:right;} #jext-open-side.head-menu .background{background:rgba(0,0,0,.1);} #jext-open-side.head-menu .div{padding-top:10%;} #jext-open-side.head-menu .slide{margin-left:80px; float:none;} #jext-open-side.head-menu .slide .txt1{line-height:3; font-size:28px; position:relative;} } @media (max-width: 750px){ /*导航*/ #header{height:auto;} #header .right .other .slide{font-size:32px; height:38px;} #header .right .other .slide.search .icon{width:30px;} #header .right .other .slide.search .icon svg{width:30px; margin:4px 6px 0 0;} #header .right .menu{margin-top:5px; width:50px;} #header .right .menu i, #header .right .menu:before, #header .right .menu:after{margin:14px 0;} #jext-open-side.head-menu .div{padding-top:30%;} #jext-open-side.head-menu .slide .txt1{line-height:3; font-size:34px;} /*首页新闻*/ #ind-news .wrap .tit{font-size:26px; text-transform:uppercase;} #ind-news .wrap .page{position:relative; top:9px;} #ind-news .wrap{width:94%;} #ind-news .wrap .container{width: 76%;} #ind-news .wrap .slide .left{position:absolute; top:0; left:0;} #ind-news .wrap .slide .right{padding:0; width:100%;} #ind-news .wrap .slide .right .t{font-size:24px; line-height:1.3; margin-left:54%; margin-right:3%; height:95px; overflow:hidden;} #ind-news .wrap .slide .right .date{font-size:20px; margin-left:54%;} #ind-news .wrap .slide .right .con{font-size:22px; line-height:1.3; padding-right:5%;} #ind-news .wrap .slide.swiper-slide-next .right{display:none;} #ind-news .ind-btn{right:-23%;} #ind-news .ind-btn .prev{width:50px; height:50px;} #ind-news .ind-btn .next{width:50px; height:50px; margin-left:9px;} #ind-news .wrap2{width:90%; float:none; margin:auto;} #ind-news .wrap2 .left{width:100%;} #ind-news .wrap2 .left .tit1{font-size:32px;} #ind-news .wrap2 .left .tit2{font-size:36px; line-height:1.3; margin:20px 0 70px;} #ind-news .wrap2 .left .num{font-size:36px;} #ind-news .wrap2 .left .code{font-size:26px; line-height:1.3;} #ind-news .wrap2 .left .time{font-size:23px; line-height:1.5; margin-top:9px;} #ind-news .wrap2 .right .tit1{font-size:28px; line-height:1.6; _margin-right:8%; _margin-top:30px;} #ind-news .wrap2 .right .tit2{ line-height:1.4; font-size:24px;} #ind-news .wrap2 .right .tit3{ font-size:22px;} #ind-news .wrap2 .right .con2 .c{margin-right:60px;} #ind-news .wrap2 .right .con2 .c .t{font-size:20px;} #ind-news .wrap2 .right .con2 .d{font-size:20px;} #ind-news .wrap2 .right{width:100%; margin:4% auto 0;} /*首页产品*/ #ind-pro .content .list .pic{width:100%; float:none;} #ind-pro .content .list .con{width:90%; height:auto !important; padding:60px 80px 0 60px; background:rgba(255,255,255,.9); position:relative; top:auto !important; left:0 !important; right:0 !important; padding:80px 40px; margin:-80px auto 0; transform:translateY(0);} #ind-pro .content .list .con .tit{ line-height:1.4; font-size:40px; font-weight:bold;} #ind-pro .content .list .con .des{ line-height:1.6;font-size:34px;} /*产品*/ #products{overflow:hidden; height:1170px; font-size:0;} #products:after{content:''; height:80%; display:inline-block; vertical-align:middle;} #products .item{height:auto; display:inline-block; vertical-align:middle;} #products .item .slide .contents .list{pointer-events:none;} #products .item .slide .contents .list .product{pointer-events:auto;} /*智能座舱系列-智能车载空气净化器*/ #products .items1 .slide:nth-child(2) .contents .list .line{ padding-right:76px; padding-bottom:76px;} #products .items1 .slide:nth-child(2) .contents .list .line::before{ width:94px;} #products .items1 .slide:nth-child(2) .contents .list .line::after{width: 114px;right:calc(-114px / 2);transform:rotate(45deg) translate3d(-45%,0,0);-webkit-transform:rotate(45deg) translate3d(-45%,0,0);} #products .items1 .slide:nth-child(2) .contents .list .product{top:auto;bottom:95%;transform: translate3d(24.5%,0,0);} /*智能座舱系列-智动门*/ #products .items1 .slide:nth-child(3){ top:44.45%; left:38.28%;} #products .items1 .slide:nth-child(3) .contents .list{ right:100%; top:100%; bottom:auto;} #products .items1 .slide:nth-child(3) .contents .list .line{ padding:50px 50px 0 0;} #products .items1 .slide:nth-child(3) .contents .list .line::before{ width:70px;} #products .items1 .slide:nth-child(3) .contents .list .line::after{ width:74px; right:calc(-74px / 2); bottom:50px; transform:rotate(-45deg) translate3d(-45%,0,0);} #products .items1 .slide:nth-child(3) .contents .list .product{ transform:translate3d(5px,-28%,0);} /*智能座舱系列-电子儿童锁*/ #products .items1 .slide:nth-child(4){top: 58%;left:58.28%;} #products .items1 .slide:nth-child(4) .contents .list{ right:100%; top:100%; width:90px;} #products .items1 .slide:nth-child(4) .contents .list .line{ padding-right:76px; padding-top:76px;} #products .items1 .slide:nth-child(4) .contents .list .line::before{ width:170px; transform:rotate(-45deg) translate3d(-83%,75px,0);} #products .items1 .slide:nth-child(4) .contents .list .line::after{ width:1px; height:170px; right:-8px; top:0; transform:none;} #products .items1 .slide:nth-child(4) .contents .list .product{ transform:translate3d(54px,170%,0);} /*智能座舱系列-电动尾门*/ #products .items1 .slide:nth-child(5){ top:66%; left:30.92%;} #products .items1 .slide:nth-child(5) .contents .list{ right:100%; top:100%;} #products .items1 .slide:nth-child(5) .contents .list .line{ padding-right:0; padding-top:0;} #products .items1 .slide:nth-child(5) .contents .list .line::before{ width:96px; transform:rotate(-45deg) translate3d(-82%,109px,0);} #products .items1 .slide:nth-child(5) .contents .list .line::after{width:1px; height:100px; right:-8px; top:0; transform:none;} #products .items1 .slide:nth-child(5) .contents .list .product{ transform:translate3d(55px,83%,0);} /*智能座舱系列-电动折叠后视镜*/ #products .items1 .slide:nth-child(6){ top:40.72%; left:71.71%;} #products .items1 .slide:nth-child(6) .contents .list{ left:100%; bottom:100%; width:0;} #products .items1 .slide:nth-child(6) .contents .list .line{ padding-left:0; padding-bottom:0;} #products .items1 .slide:nth-child(6) .contents .list .line::after{ width:50px; transform:rotate(-45deg) translate3d(147%,49px,0);} #products .items1 .slide:nth-child(6) .contents .list .line::before{ width:1px; height:90px; left:-8px; top:0; transform:none; position:relative;} #products .items1 .slide:nth-child(6) .contents .list .product{ transform:translate3d(7px,-98%,0);} /*智能座舱系列-电动吸合门*/ #products .items1 .slide:nth-child(7) .contents .list .line::before{ width:27px;} /*智能座舱系列-电动踏板*/ #products .items1 .slide:nth-child(8){ top:62%; left:62.42%;} #products .items1 .slide:nth-child(8) .contents .list{ left:100%; top:100%;} #products .items1 .slide:nth-child(8) .contents .list .line{ padding-left:0; padding-top:0;} #products .items1 .slide:nth-child(8) .contents .list .line::before{ width:1px; height:140px; transform:translate3d(-8px,0,0);} #products .items1 .slide:nth-child(8) .contents .list .line::after{ width:84px; left:calc(85px / 2); bottom:0; transform:rotate(45deg) translate3d(-23px,65px,0);} #products .items1 .slide:nth-child(8) .contents .list .product{transform:translate3d(-48px,56px,0);} /*个性外饰系列-困绕/尾翼*/ #products .items2 .slide:nth-child(2){ top:44.63%; left:20.92%;} #products .items2 .slide:nth-child(2) .contents .list{ right:50%; bottom:100%;} #products .items2 .slide:nth-child(2) .contents .list .line{ padding-left:110px;} #products .items2 .slide:nth-child(2) .contents .list .line::before{ width:1px; height:70px;} #products .items2 .slide:nth-child(2) .contents .list .line::after{ width:84px; right:calc(-84px / 2); bottom:100%; transform:rotate(-45deg) translate3d(50%,0,0);} #products .items2 .slide:nth-child(2) .contents .list .product{transform:translate3d(242px,-42px,0);} /*个性外饰系列-侧踏板*/ #products .items2 .slide:nth-child(3){ top:66.45%; left:39.35%;} #products .items2 .slide:nth-child(3) .contents .list{ right:100%; top:100%;} #products .items2 .slide:nth-child(3) .contents .list .line{ padding-right:60px; padding-top:60px;} #products .items2 .slide:nth-child(3) .contents .list .line::before{ width:100px;} #products .items2 .slide:nth-child(3) .contents .list .line::after{ width:90px; right:calc(-90px / 2); top:0; transform:rotate(-45deg) translate3d(-45%,0,0);} #products .items2 .slide:nth-child(3) .contents .list .product{transform:translate3d(215px,-5px,0);} /*个性外饰系列-行李架/行李框*/ #products .items2 .slide:nth-child(4){ top:36.27%; left:47.92%;} #products .items2 .slide:nth-child(4) .contents .list{ left:100%; bottom:100%;} #products .items2 .slide:nth-child(4) .contents .list .line{ padding-left:74px; padding-bottom:74px;} #products .items2 .slide:nth-child(4) .contents .list .line::before{ width:104px;} #products .items2 .slide:nth-child(4) .contents .list .line::after{ width:104px; right:calc(104px / 2); top:0; transform:rotate(-45deg) translate3d(-50%,0,0); -ms-transform:rotate(-45deg) translate3d(-50%,0,0); -moz-transform:rotate(-45deg) translate3d(-50%,0,0); -webkit-transform:rotate(-45deg) translate3d(-50%,0,0); -o-transform:rotate(-45deg) translate3d(-50%,0,0);} #products .items2 .slide:nth-child(4) .contents .list .product{ right:auto; left:100%; transform:translate3d(0,-50%,0);} /*个性外饰系列-前后杠*/ #products .items2 .slide:nth-child(5){ top:67.63%; left:71.57%;} #products .items2 .slide:nth-child(5) .contents .list{ left:50%; top:100%;} #products .items2 .slide:nth-child(5) .contents .list .line{ padding-left:0; padding-top:0;} #products .items2 .slide:nth-child(5) .contents .list .line::before{ width:1px; height:70px;} #products .items2 .slide:nth-child(5) .contents .list .line::after{ width:60px; left:6%; top:100%; transform:rotate(45deg) translate3d(15%,21px,0);} #products .items2 .slide:nth-child(5) .contents .list .product{transform:translate3d(22px,52px,0);} /*户外休闲系列*/ #products .item.items3{height:100%;} #products .item.items3 .car{opacity:0; visibility:hidden !important;} /*户外休闲系列-皮艇装裁系统*/ #products .items3 .slide:nth-child(2){ top:52%; left:58.28%;} #products .items3 .slide:nth-child(2) .contents .list{ right:50%; bottom:100%;} #products .items3 .slide:nth-child(2) .contents .list .line{ padding-left:76px;} #products .items3 .slide:nth-child(2) .contents .list .line::before{ width:1px; height:200px;} #products .items3 .slide:nth-child(2) .contents .list .line::after{ width:66px; right:calc(-66px / 2); transform:rotate(45deg) translate3d(-50%,0,0);} #products .items3 .slide:nth-child(2) .contents .list .product{ top:auto; bottom:100%; right:50%; transform:translate3d(13px,0,0);} /*户外休闲系列-行李架行李框*/ #products .items3 .slide:nth-child(3){ top:52%; left:43.14%;} #products .items3 .slide:nth-child(3) .contents .list{ right:150%; bottom:150%;} #products .items3 .slide:nth-child(3) .contents .list .line{ padding-right:42px; padding-bottom:44px;} #products .items3 .slide:nth-child(3) .contents .list .line::before{ width:1px; height:40px;} #products .items3 .slide:nth-child(3) .contents .list .line::after{width: 74px;right:calc(-74px / 2); bottom:0; transform:rotate(45deg) translate3d(-24px,0,0);} #products .items3 .slide:nth-child(3) .contents .list .product{ transform:translate3d(23px,-117px,0);} /*户外休闲系列-侧开遮阳帘*/ #products .items3 .slide:nth-child(4){ top:56.54%; left:38.64%;} #products .items3 .slide:nth-child(4) .contents .list{ right:100%; top:100%; bottom:auto;} #products .items3 .slide:nth-child(4) .contents .list .line{ padding-right:0; padding-bottom:31px;} #products .items3 .slide:nth-child(4) .contents .list .line::before{ width:1px; height:64px; transform:translate3d(8px,0,0);} #products .items3 .slide:nth-child(4) .contents .list .line::after{ width:56px; right:calc(-56px / 2); bottom:0; transform:rotate(-45deg) translate3d(0,-17px,0);} #products .items3 .slide:nth-child(4) .contents .list .product{ transform:translate3d(-15px,70px,0);} /*户外休闲系列-皮卡尾箱盖*/ #products .items3 .slide:nth-child(5){ top:58%; left:66.64%;} #products .items3 .slide:nth-child(5) .contents .list{ right:100%; top:100%;} #products .items3 .slide:nth-child(5) .contents .list .line{ padding-right:0; padding-top:0;} #products .items3 .slide:nth-child(5) .contents .list .line::before{ width:1px; height:180px; transform:translate3d(8px,0,0);} #products .items3 .slide:nth-child(5) .contents .list .line::after{ width:64px; right:calc(-64px / 2); top:0; transform:rotate(-45deg) translate3d(-151px,131px,0);} #products .items3 .slide:nth-child(5) .contents .list .product{transform:translate3d(18px,60px,0);} /*户外休闲系列-皮卡尾厢多功效架*/ #products .items3 .slide:nth-child(6){ top:55.9%; left:84.71%;} #products .items3 .slide:nth-child(6) .contents .list{ right:100%; left:auto; top:100%;} #products .items3 .slide:nth-child(6) .contents .list .line{ padding-left:0; padding-bottom:0; padding-top:51px; padding-right:53px;} #products .items3 .slide:nth-child(6) .contents .list .line::before{ width:1px; height:126px;} #products .items3 .slide:nth-child(6) .contents .list .line::after{ width:84px; right:calc(84px / 2); top:0; transform:rotate(-45deg) translate3d(27px,58px,0);} #products .items3 .slide:nth-child(6) .contents .list .product{transform:translate3d(-71px,156px,0);} /*户外休闲系列-车顶帐篷*/ #products .items3 .slide:nth-child(7){ top:41.18%; left:75.28%;} #products .items3 .slide:nth-child(7) .contents .list{ right:100%; bottom:100%;} #products .items3 .slide:nth-child(7) .contents .list .line{ padding-left:0; padding-bottom:0;} #products .items3 .slide:nth-child(7) .contents .list .line::before{ width:1px; height:120px; transform:translate3d(-8px,0,0);} #products .items3 .slide:nth-child(7) .contents .list .line::after{ width:58px; right:calc(58px / 2); top:0; transform:rotate(-45deg) translate3d(66px,36px,0);} #products .items3 .slide:nth-child(7) .contents .list .product{transform:translate3d(0,-180px,0);} /*越野改装系列*/ #products .item.items4{height:100%;} #products .item.items4 .car{opacity:0; visibility:hidden !important;} /*越野改装系列-车门*/ #products .items4 .slide:nth-child(2){ top:51.72%; left:39.28%;} #products .items4 .slide:nth-child(2) .contents .list{ right:100%; bottom:100%;} #products .items4 .slide:nth-child(2) .contents .list .line{ padding:0 28px 0 0px;} #products .items4 .slide:nth-child(2) .contents .list .line::before{ width:92px; transform:translate3d(0,42px,0);} #products .items4 .slide:nth-child(2) .contents .list .line::after{ width:40px; right:calc(-40px / 2); bottom:0; transform:rotate(-45deg) translate3d(-29px,10px,0);} #products .items4 .slide:nth-child(2) .contents .list .product{ transform:translate3d(16px,15px,0);} /*越野改装系列-越野侧边 防撞踏板*/ #products .items4 .slide:nth-child(3){ top:57%; left:44.07%;} #products .items4 .slide:nth-child(3) .contents .list{ right:100%; bottom:100%;} #products .items4 .slide:nth-child(3) .contents .list .line{ padding-right:230px; padding-bottom:233px;} #products .items4 .slide:nth-child(3) .contents .list .line::before{ width:1px; height:170px;} #products .items4 .slide:nth-child(3) .contents .list .line::after{ width:330px; right:calc(-330px / 2); bottom:0; transform:rotate(45deg) translate3d(-162px,0px,0)} #products .items4 .slide:nth-child(3) .contents .list .product{left:0; right:auto; transform:translate3d(-50px,-112px,0);} /*越野改装系列-侧杠/踏板*/ #products .items4 .slide:nth-child(4){ top:56.81%; left:36.28%;} #products .items4 .slide:nth-child(4) .contents .list{ right:100%; top:100%;} #products .items4 .slide:nth-child(4) .contents .list .line{ padding-right:133px; padding-top:133px;} #products .items4 .slide:nth-child(4) .contents .list .line::before{ width:1px; height:140px;} #products .items4 .slide:nth-child(4) .contents .list .line::after{ width:200px; right:calc(-200px / 2); top:0; transform:rotate(-45deg) translate3d(-45%,0,0);} #products .items4 .slide:nth-child(4) .contents .list .product{ top:100%; left:0; right:auto; transform:translate3d(-72px,0,0);} /*越野改装系列-轮眉*/ #products .items4 .slide:nth-child(5){ top:54.45%; left:59.92%;} #products .items4 .slide:nth-child(5) .contents .list{ /*left:0;*/ right:0; top:100%;} #products .items4 .slide:nth-child(5) .contents .list .line{ padding-left:59px; margin-right:8px;} #products .items4 .slide:nth-child(5) .contents .list .line::before{ width:1px; height:26px;} #products .items4 .slide:nth-child(5) .contents .list .line::after{ width:146px; right:calc(-146px / 2); top:100%; transform:rotate(-45deg) translate3d(-50%,0,0);} #products .items4 .slide:nth-child(5) .contents .list .product{ top:100px; right:100px; transform:translate3d(4.5%,0,0);} /*越野改装系列-护灯前杠*/ #products .items4 .slide:nth-child(6){ top:54.18%; left:70.28%;} #products .items4 .slide:nth-child(6) .contents .list{ left:50%; right:auto; top:100%;} #products .items4 .slide:nth-child(6) .contents .list .line{ padding-left:0;} #products .items4 .slide:nth-child(6) .contents .list .line::before{ width:1px; height:60px;} #products .items4 .slide:nth-child(6) .contents .list .line::after{ width:66px; right:calc(-66px / 2); top:100%; transform:rotate(135deg) translate3d(50%,0,0);} #products .items4 .slide:nth-child(6) .contents .list .product{ top:100px; left:auto; right:-40px; transform:translate3d(4.5%,0,0);} /*越野改装系列-U型前杠*/ #products .items4 .slide:nth-child(7){ top:56%; left:82%;} #products .items4 .slide:nth-child(7) .contents .list{ right:8px; left:auto; top:100%;} #products .items4 .slide:nth-child(7) .contents .list .line{ padding-left:0; padding-top:0;} #products .items4 .slide:nth-child(7) .contents .list .line::before{ width:1px; height:265px;} #products .items4 .slide:nth-child(7) .contents .list .line::after{ width:40px; left:calc(-40px / 2); bottom:0; transform:rotate(-45deg) translate3d(-50%,0,0);} #products .items4 .slide:nth-child(7) .contents .list .product{ left:auto; right:-60px; top:100%; transform:translate3d(0,20px,0);} /*越野改装系列-皮卡/牧马人泵把*/ #products .items4 .slide:nth-child(8){ top:50.27%; left:69.57%;} #products .items4 .slide:nth-child(8) .contents .list{ left:100%; bottom:100%;} #products .items4 .slide:nth-child(8) .contents .list .line{ padding-left:0; padding-bottom:0;} #products .items4 .slide:nth-child(8) .contents .list .line::before{ width:1px; height:20px; transform:translate3d(-8px,0,0);} #products .items4 .slide:nth-child(8) .contents .list .line::after{ width:40px; left:calc(-40px / 2); right:auto; bottom:100%; top:auto; transform:rotate(-45deg) translate3d(14px,-5px,0);} #products .items4 .slide:nth-child(8) .contents .list .product{ right:auto; left:100%; transform:translate3d(0,-156px,0);} /*越野改装系列-EEP车身防翻架*/ #products .items4 .slide:nth-child(9){ top:42.27%; left:61.78%;} #products .items4 .slide:nth-child(9) .contents .list{ left:100%; bottom:0;} #products .items4 .slide:nth-child(9) .contents .list .line{ padding-left:170px; padding-bottom:181px;} #products .items4 .slide:nth-child(9) .contents .list .line::before{ width:1px; height:90px;} #products .items4 .slide:nth-child(9) .contents .list .line::after{ width:244px; margin-right:0; right:calc(-244px / 2); top:auto; bottom:184px; transform:rotate(-45deg) translate3d(-50%,0,0);} #products .items4 .slide:nth-child(9) .contents .list .product{ right:auto; left:100%; transform:translate3d(-50%,-100%,0);} /*越野改装系列-UTV系列*/ #products .items4 .slide:nth-child(10){ top:42%; left:50%;} #products .items4 .slide:nth-child(10) .contents .list{ right:50%; bottom:100%;} #products .items4 .slide:nth-child(10) .contents .list .line{ padding-left:76px;} #products .items4 .slide:nth-child(10) .contents .list .line::before{ width:1px; height:136px;} #products .items4 .slide:nth-child(10) .contents .list .line::after{ width:66px; right:calc(-66px / 2); bottom:100%; transform:rotate(135deg) translate3d(-50%,0,0);} #products .items4 .slide:nth-child(10) .contents .list .product{ top:auto; bottom:110%; left:110%; transform:translate3d(4.5%,0,0);} /*越野改装系列皮卡尾厢防翻架*/ #products .items4 .slide:nth-child(11){top: 42.9%;left:25.64%;} #products .items4 .slide:nth-child(11) .contents .list{ right:50%; bottom:100%;} #products .items4 .slide:nth-child(11) .contents .list .line{ padding-left:0;} #products .items4 .slide:nth-child(11) .contents .list .line::before{ width:1px; height:40px;} #products .items4 .slide:nth-child(11) .contents .list .line::after{ width:40px; right:calc(-40px / 2); bottom:100%; transform:rotate(135deg) translate3d(-50%,0,0);} #products .items4 .slide:nth-child(11) .contents .list .product{ top:auto; bottom:100%; left:100%; transform:translate3d(0,0,0);} /*产品弹出窗口*/ #alertProducts .main{width:100%; padding:5% 0; height:auto; min-height:100%;} #alertProducts .main .title{display:none;} #alertProducts .main .item{background:none; height:auto; /*max-height:80%;*/ padding:12% 11%;} #alertProducts .main .item .shutdown{height:60px; width:60px; right:74px; top:0;} #alertProducts .main .item .prev{height:60px; width:60px; right:209px; top:0;} #alertProducts .main .item .next{height:60px; width:60px; right:140px; top:0;} #alertProducts .main .item .background{background:url(/images/tan-chang-bg-1.png) center / 100% auto; position:absolute; top:380px; bottom:190px; left:0; right:0;} #alertProducts .main .item .background:before{background:url(/images/tan-chang-bg-0.png) no-repeat top / 100% auto; position:absolute; bottom:100%; left:0; right:0; height:382px; content:'';} #alertProducts .main .item .background:after{background:url(/images/tan-chang-bg-2.png) no-repeat bottom / 100% auto; position:absolute; top:100%; left:0; right:0; height:197px; content:'';} #alertProducts .main .item .slide .img{width:100%;} #alertProducts .main .item .slide .contents{width:100%; height:auto;} #alertProducts .main .item .slide .contents .ites{padding-right:0;} #alertProducts .main .item .slide .contents .ites .subtitle{font-size:30px;} #alertProducts .main .item .slide .contents .ites .brief{font-size:25px; line-height:1.5;} #alertProducts .main .item .slide .contents .ites .features .list .txt{font-size:24px;} } <!--耗时1734250014.4212秒-->