@charset "utf-8"; /* common.css ranmoon */ body { font-size: 14px; color: #000; font-family: "Microsoft YaHei", "寰蒋闆呴粦", "SimHei", "榛戜綋"; } a { text-decoration: none; } a:hover { text-decoration: none; } /* index.css ranmoon */ #header { background: url(../images/top_01.jpg) top center no-repeat #e0fffd; } #top { margin: 0 auto; width: 1142px; height: 130px; } #top .logo { float: left; margin-top: 26px; } #top .hotline { background: url(../images/top-icon_06.png) no-repeat; float: right; /* width: 300px; */ padding-left: 66px; text-align: left; margin-top: 30px; } #top .hotline .title { font-size: 16px; display: block; color: #424242; width: 100%; text-align: left; /* text-indent: 40px; */ } #top .hotline .desc { color: #ff1c14; font-size: 20px; /* display: inline-block; */ /* margin-left: 5px; */ } #nav { background: url(../images/nav_02.jpg) repeat-x; height: 48px; line-height: 48px; } #nav .container { width: 1142px; margin: 0 auto; } #nav ul li { float: left; } #nav ul li:after { content: '|'; color: #007337; /*box-shadow: -1px 0px 0px #00eb71;*/ /*border-left: 1px solid #00eb71;*/ opacity: 0.8; } #nav ul li:last-child:after { content: ''; } #nav ul li a { font-size: 16px; color: #fff; padding: 0 38px; display: inline-block; } #nav ul li:last-child a { padding-right: 0px; } #nav ul li:hover a { color: #0176ba; } /* Adjusting the margins, paddings and no list styles */ .navnav { width: 100%; background: url(../images/nav_02.jpg) repeat-x; height: 48px; line-height: 48px; } .navigation { width: 1100px; height: auto; margin: 0 auto; } /* Little tricking with positions */ .navigation li { float: left; /* Show list items inline */ width: 137px; position: relative; background: url(../images/navlist_03.png) left center no-repeat; } .navigation li:first-child { background: none; } /* Playing with Main Categories */ .navigation li a { font-size: 18px; color: #fff; display: block; /* Making sure a element covers whole li area */ text-align: center; } .navigation li a:hover { color: #e0fffd; } /* Sub Cat Menu stuff*/ .navigation ul { position: absolute; left: 0; display: none; /* Hide it by default */ margin: 0 0 0 -1px; padding: 0; list-style: none; background: #009b4c; z-index: 9999; } .navigation ul li { width: 137px; line-height: 23px; background: none; float: left; border-top: none; } /* Sub Cat menu link properties */ .navigation ul a { display: block; /* Making sure a element covers whole li area */ padding: 12px 0px; font-size: 15px; color: #fff; text-decoration: none; border-top: #00bf5c 1px solid; } .navigation ul a:hover { color: #e0fffd; } .flexslider { position: relative; width: 100%; height: 520px; overflow: hidden; zoom: 1; } .flexslider .slides li { width: 100%; height: 100%; } .flex-direction-nav a { width: 55px; height: 55px; line-height: 99em; overflow: hidden; margin: -35px 0 0; display: block; background: url(../images/ad_ctr.png) no-repeat; position: absolute; top: 50%; z-index: 10; cursor: pointer; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .3s ease; } .flex-direction-nav .flex-next { background-position: 0 -55px; right: 5%; } .flex-direction-nav .flex-prev { left: 5%; } .flexslider:hover .flex-next { opacity: 0.8; filter: alpha(opacity=25); } .flexslider:hover .flex-prev { opacity: 0.8; filter: alpha(opacity=25); } .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; filter: alpha(opacity=50); } .flexslider .slides a img { width: 100%; height: 520px; display: block; } #banner .pic { width: 100%; height: 250px; } #center { background: #e0fffd; } #index-container { width: 1100px; margin: auto; background: #fff; padding-top: 10px; } #recommend { position: absolute; top: -40px; height: 610px; margin: 0 auto; } #recommend .tempWrap ul { /*padding-left: 21px;*/ padding-top: 20px; } #recommend .hd { background: url(../images/intcpbg_03.png) repeat-x; width: 1100px; height: 40px; padding: 0 20px; } #recommend .hd h3 { float: left; width: 152.5px; height: 40px; overflow: hidden; margin-left: 4px; overflow: hidden; text-align: center; } #recommend .hd h3 a { color: #fff; font-size: 16px; line-height: 40px; } #recommend .hd h3.on { } #recommend .hd h3.on a { background: #fff; color: #333333!important; display: inline-block; margin-top: 3px; width: 100%; height: 37px; } #recommend .hd h3:hover a { color: #333333; } .product-recomd { width: 1140px; margin: 0 auto; z-index: 999; position: relative; height: 560px; } /*.product-recomd ul li a { color: #010101; font-size: 16px; text-align: center; line-height: 32px; height: 32px; }*/ .product-recomd ul li a { width: 258px; height: 232px; border: #fff 1px solid; background: #fff; display: block; } .product-recomd ul li a:hover { background: #009b4c; border: #009b4c 1px solid; } .product-recomd ul li a:hover .title { color: #fff; } .product-recomd ul li { float: left; width: 260px; height: 234px; overflow: hidden; margin-top: 15px; margin-right: 20px; } .product-recomd ul li.reset { margin-right: 0; } .product-recomd ul li .pic { width: 258px; height: 199px; overflow: hidden; } .product-recomd ul li img { width: 258px; height: 199px; } .product-recomd ul li .title { font-size: 16px; color: #000000; line-height: 33px; text-align: center; height: 33px; overflow: hidden; } #index-container .about-us { background: url(../images/title_03.png) no-repeat; margin-bottom: 20px; } #index-container .about-us .title, #index-container .case .title,#index-container .case2 .title { font-size: 25px; color: #000000; text-align: center; } #index-container .about-us .title { margin-bottom: 30px; } #index-container .about-us .subtitle, #index-container .case .subtitle,#index-container .case2 .subtitle { color: #999999; font-size: 16px; } #index-container .about-us .desc { float: left; color: #000000; font-size: 14px; line-height: 35px; width: 700px; } #index-container .about-us .desc a { color: #000000; } #index-container .about-us .desc a:hover { color: #009b4c; } #index-container .about-us .img { float: right; width: 374px; height: 194px; overflow: hidden; } #index-container .about-us .img img { width: 374px; height: 194px; } #index-container .case { margin-top: 10px; background: url(../images/title_03.png) no-repeat; } #index-container .case ul { margin-top: 30px; } #index-container .case ul li { float: left; width: 350px; height: 230px; overflow: hidden; position: relative; margin-right: 25px; margin-bottom: 20px; } #index-container .case ul li.reset { margin-right: 0px; } #index-container .case ul li img { width: 350px; height: 230px; } #index-container .case ul li p { position: absolute; bottom: 0; background: rgba(20, 128, 73, 0.8); text-align: center; height: 34px; line-height: 34px; width: 100%; } #index-container .case ul li:hover p { background: none; bottom: 10px; z-index: 99; } #index-container .case ul li a { color: #fff; font-size: 14px; display: block; } #index-container .case .line { text-align: center; } #index-container .case .line .on { background: #009b4c; } #index-container .case .line a { display: inline-block; height: 4px; width: 30px; background: #bcbcbc; margin-right: 15px; } #index-container .case ul li .mark { background-image: url(../images/fangda_08.png); background-repeat: no-repeat; height: 85px; width: 100px; position: absolute; top: 73px; left: 125px; display: none; z-index: 99; } #index-container .case ul li:hover .mark { display: block; } #index-container .case ul li:hover .layer { width: 350px; height: 230px; position: absolute; top: 0px; background: rgba(0, 0, 0, 0.5); display: block; z-index: 0; } .case2 { margin-top: 10px; background: url(../images/title_03.png) no-repeat; } .case2 ul { margin-top: 30px; } .case2 ul li { float: left; width: 350px; height: 230px; overflow: hidden; position: relative; margin-right: 25px; margin-bottom: 20px; } .case2 ul li.reset { margin-right: 0px; } .case2 ul li img { width: 350px; height: 230px; } .case2 ul li p { position: absolute; bottom: 0; background: rgba(20, 128, 73, 0.8); text-align: center; height: 34px; line-height: 34px; width: 100%; } .case2 ul li:hover p { background: none; bottom: 10px; z-index: 99; } .case2 ul li a { color: #fff; font-size: 14px; display: block; } .case2 .line { text-align: center; } .case2 .line .on { background: #009b4c; } .case2 .line a { display: inline-block; height: 4px; width: 30px; background: #bcbcbc; margin-right: 15px; } .case2 ul li .mark { background-image: url(../images/fangda_08.png); background-repeat: no-repeat; height: 85px; width: 100px; position: absolute; top: 73px; left: 125px; display: none; z-index: 99; } .case2 ul li:hover .mark { display: block; } .case2 ul li:hover .layer { width: 350px; height: 230px; position: absolute; top: 0px; background: rgba(0, 0, 0, 0.5); display: block; z-index: 0; } #index-container .article .news { width: 720px; float: left; } #index-container .article .news li { border-bottom: 1px dashed #ccc; float: left; width: 100%; } #index-container .article .news li .item { float: right; width: 380px; margin: 14px 10px 14px 24px; } #index-container .article .news li .item .title { font-size: 16px; font-weight: 600; color: #000000; border: none; text-indent: 0px !important; } #index-container .article .news li:hover .item .title { color: #0175bd; } #index-container .article .news img { height: 178px; width: 306px; margin-top: 13px; padding-bottom: 19px; } #index-container .article .news .desc { color: #7f7f7f; font-size: 14px; line-height: 25px; height: 72px; overflow: hidden; text-indent: 0px !important; margin-top: 10px; } #index-container .article .btn-more { background: #009b4c; color: #fff; font-size: 14px; line-height: 32px; width: 98px; text-align: center; margin-top: 25px; } #index-container .article .news li a { color: #000000; font-size: 14px; line-height: 42px; } #index-container .article .news li .icon-shanjian { width: 4px; height: 42px; background: url(../images/sj_03.jpg) left center no-repeat; float: left; line-height: 42px; } #index-container .article .news li a span { float: right; color: #929292; } #index-container .article .news li:hover a { color: #0175bd; } #index-container .article .news .title, #index-container .article .question .title { width: 100%; font-size: 20px; line-height: 30px; border-bottom: 1px solid #ccc; } #index-container .article .news .title h2, #index-container .article .question .title h2 { width: 90px; float: left; line-height: 52px; border-bottom: 2px solid #009b4c; position: relative; top: 1px; } #index-container .article .question { width: 360px; float: right; } #index-container .article .question .item { border-bottom: 1px dashed #b2b2b2; } #index-container .article .question .item a:hover .ask p { color: #0175bd; } #index-container .article .question .item a:hover .answer p { color: #999999; } #index-container .article .question .item:last-child { border-bottom: none; } #index-container .article .question .ask { margin-top: 14px; margin-bottom: 14px; } #index-container .article .question .ask span { background: #009b4c; font-size: 14px; line-height: 24px; color: #fff; width: 24px; height: 24px; display: inline-block; text-align: center; float: left; margin-right: 12px; } #index-container .article .question .ask p { width: 300px; font-size: 14px; line-height: 24px; color: #000; float: left; } #index-container .article .question .answer { margin-bottom: 20px; } #index-container .article .question .answer span { background: #0175bd; font-size: 14px; line-height: 24px; color: #fff; width: 24px; height: 24px; display: inline-block; text-align: center; float: left; margin-right: 12px; } #index-container .article .answer p { width: 320px; font-size: 14px; line-height: 24px; color: #666666; float: left; display: block; overflow: hidden; height: 44px; } #index-container .article .more { color: #7f7f7f; line-height: 52px; font-size: 12px; float: right; } #index-container .article .more:hover { color: #0175bd; } #index-container .partner .title { border-bottom: 1px solid #ccc; } #index-container .partner .title h2 { font-size: 20px; line-height: 52px; border-bottom: 2px solid #009b4c; width: 90px; position: relative; top: 1px; } #index-container .partner ul { margin: 25px 0 0 0 !important; padding-bottom: 25px !important; } #index-container .partner ul li { float: left; margin-right: 20px; } #index-container .partner ul li a img { width: 200px; height: 67px; border: 1px solid #ccc; } #bottom { background: #f2f2f2; min-height: 200px; overflow: hidden; } #bottom .container { width: 1100px; margin: 0 auto; padding: 0 21px; } #bottom .nav { float: left; border-right: 1px solid #c7c7c7; width: 580px; margin-top: 37px; margin-bottom: 28px; } #bottom .nav .item { float: left; width: 110px; overflow: hidden; margin-left: 28px; } .itemfr { float: right !important; } #bottom .nav .item:first-child { margin-left: 0px; } #bottom .nav .item .title { margin-bottom: 8px; } #bottom .nav .item .title a { line-height: 30px; font-size: 16px; color: #000; } #bottom .nav .item ul li { height: 26px; overflow: hidden; } #bottom .nav .item ul li a { line-height: 26px; height: 26px; overflow: hidden; font-size: 14px; color: #666666; } #bottom .nav .item ul li a:hover { color: #0176ba; } #bottom .contact { float: left; margin-top: 37px; margin-left: 40px; margin-bottom: 28px; } #bottom .contact .ewm { width: 182px; height: 182px; overflow: hidden; float: left; } #bottom .contact .ewm img { width: 172px; } #bottom .contact .item { float: left; margin-left: 24px; } #bottom .contact .item .title { background: url(../images/fw_31.png) no-repeat; margin-bottom: 5px; width: 100px; height: 30px; line-height: 26px; text-align: center; font-size: 14px; background-size: auto; color: #fff; } #bottom .contact .item .hotline { font-size: 24px; line-height: 30px; color: red; } #bottom .contact .item .mobile { font-size: 18px; line-height: 30px; color: red; } #bottom .contact .item .emial { font-size: 14px; color: #000000; margin-top: 5px; } #footer { color: #fff; background: #009b4c; height: 36px; } #footer .container { width: 1142px; margin: 0 auto; } #footer .copyright { float: left; } #footer .copyright p { line-height: 36px; font-size: 14px; } #footer .copyright p a { color: #fff; } #footer .copyright p a:hover { color: #0176ba; } #footer .support { float: right; } #footer .support p { line-height: 36px; font-size: 14px; } #footer .support p a { color: #fff; } #footer .support p a:hover { color: #0176ba; } .inmainbg { width: 1159px; margin: 0 auto; background: url(../images/inmainbg.png) top center repeat-y; } /* about.css */ .mainbg { width: 1119px; margin: 0 auto; background: url(../images/main.png) top center repeat-y; } #about-container { width: 1060px; margin: 0 auto; } #left-container { float: left; width: 255px; } #left-container .nav-list .title { background: #0175bd; font-size: 20px; line-height: 55px; color: #fff; margin-top: 20px; /*width: 254px;*/ border-top-left-radius: 6px; border-top-right-radius: 6px; height: 55px; width: 255px; } #left-container .nav-list .title h2 { padding-left: 94px; } #left-container .nav-list .title h2 { background: url(../images/about_05.png) left center no-repeat; background-position-x: 50px; } #left-container .nav-list #product_icon h2 { background: url(../images/product_icon_03.png) left center no-repeat; background-position-x: 50px; } #left-container .nav-list ul { width: 253px; border: #eeeeee 1px solid; } #left-container .nav-list ul li { height: 50px; border-top: #eeeeee 1px solid } #left-container .nav-list ul li:first-child { border-top: none; } #left-container .nav-list ul li b { font-weight: normal; margin-left: 30px; } #left-container .nav-list ul li a { font-size: 16px; line-height: 50px; color: #000; display: block; } #left-container .nav-list ul li a span { float: right; margin-right: 20px; font-family: 瀹嬩綋; font-weight: 400; color: #666666; } #left-container .nav-list ul li.active { background: #e0fffd; } #left-container .nav-list ul li:hover { background: #e0fffd; } #left-container .nav-list ul li.active a b { color: #009b4c; font-weight: bold; } #left-container .nav-list ul li.active a span { color: #009b4c; font-weight: 700; } #left-container .nav-list ul li:hover a span { color: #009b4c; font-weight: 700; } #left-container .nav-list ul li:hover a b { color: #009b4c; font-weight: bold; } #left-contact { width: 255px; padding-bottom: 30px; } #left-contact .title { background: #0175bd; font-size: 20px; line-height: 55px; color: #fff; margin-top: 20px; height: 55px; text-indent: 60px; /*width: 254px;*/ border-top-left-radius: 6px; border-top-right-radius: 6px; } #left-contact .title h2 { background: url(../images/about-icon_09.png) left center no-repeat; background-position-x: 20px; } #left-container .desc { width: 213px; border: #eeeeee 1px solid; padding: 10px 20px; } #left-container .desc p { line-height: 35px; font-size: 14px; } #left-container .desc strong { font-size: 16px; } #right-container { float: right; width: 775px; margin-top: 20px; } #right-container .header { height: 38px; border-bottom: 1px solid #d7d7d9; } #right-container .header h2 { width: auto; color: #009b4c; border-bottom: 2px solid #009b4c; height: 37px; font-size: 18px; line-height: 32px; float: left; padding: 0 9px; position: relative; text-align: center; } #right-container .crub { float: right; width: auto; text-align: right; line-height: 35px; color: #999999; } #right-container .crub a { color: #999999; font-size: 12px; line-height: 28px; } #right-container .crub a:hover { color: #0175bd; } #right-container .content { color: #000; line-height: 35px; font-size: 14px; margin: 20px 0 30px 0; white-space: normal; word-break: break-all; width: 100%; } #right-container .content pre { white-space: normal; word-break: break-all; } #right-container .product-content, #right-container .product-detail-content, #right-container .news-content { color: #000; line-height: 35px; font-size: 14px; margin-top: 6px; width: 775px; overflow: hidden; } #right-container ul.productlist { width: 800px; } #right-container ul.productlist li { float: left; width: 245px; height: 223px; overflow: hidden; margin-right: 20px; margin-top: 17px; } #right-container ul.productlist li a { width: 243px; height: 221px; border: #fff 1px solid; background: #fff; display: block; } #right-container ul.productlist li a:hover { border: 1px solid #009b4c; background: #009b4c; } #right-container ul.productlist li .pic { width: 243px; height: 186px; overflow: hidden; } #right-container ul.productlist li img { width: 243px; height: 186px; } #right-container ul.productlist li .title { text-align: center; font-size: 16px; color: #010101; width: 245px; overflow: hidden; } #right-container ul.productlist li:hover .title { background: #009b4c; color: #fff; width: 245px; overflow: hidden; } #right-container ul.caselist { width: 800px; } #right-container ul.caselist li { float: left; width: 245px; height: 197px; overflow: hidden; margin-right: 20px; margin-top: 17px; } #right-container ul.caselist li a { width: 243px; height: 195px; border: #fff 1px solid; background: #fff; display: block; } #right-container ul.caselist li a:hover { border: 1px solid #009b4c; background: #009b4c; } #right-container ul.caselist li .pic { width: 243px; height: 160px; overflow: hidden; } #right-container ul.caselist li img { width: 243px; height: 160px; } #right-container ul.caselist li .title { text-align: center; font-size: 16px; color: #010101; width: 245px; overflow: hidden; } #right-container ul.caselist li:hover .title { background: #009b4c; color: #fff; width: 245px; overflow: hidden; } .product-detail-content .top { margin-bottom: 20px; margin-top: 30px; } .product-detail-content .top .pic { width: 380px; height: 293px; overflow: hidden; float: left; } .product-detail-content .top .pic img { width: 380px; height: 293px; } .product-detail-content .top .item { float: right; width: 366px; height: 293px; overflow: hidden; } .product-detail-content .top .item .title { color: #000000; font-size: 18px; line-height: 52px; border-bottom: 1px solid #e0e0e0; margin-bottom: 8px; } .product-detail-content .top .item .desc { font-size: 14px; color: #333333; line-height: 34px; height: 230px; overflow: hidden; } .product-detail-content .detail { } .product-detail-content .detail .title { border-bottom: 2px solid #009b4c; } .product-detail-content .detail .title h2 { background: #009b4c; width: 98px; font-size: 14px; height: 35px; line-height: 35px; border-top-left-radius: 8px; border-top-right-radius: 8px; text-align: center; color: #fff; } .product-detail-content .detail .content { font-size: 14px; color: #fff; line-height: 35px; } /*鍒嗛〉*/ .fenye { width: 100%; height: 30px; margin: 40px auto; text-align: center; } .fenye a { padding: 0 12px; line-height: 30px; height: 30px; text-align: center; display: inline-block; margin-right: 6px; color: #555555; font-size: 12px; background: #ebebeb; } .fenye a:hover { background: #009b4c !important; color: #fff; } .fenye a.in { background: #009b4c !important; color: #fff; } /* news.css */ ul.newslist { } ul.newslist li { margin: 0; padding: 0; border-bottom: 1px dashed #ccc; } ul.newslist li:before { content: '.'; color: #009b4c; font-size: 28px; position: absolute; height: 28px; line-height: 28px; width: 2px; display: inline; } ul.newslist li.newu:before { content: normal !important; } ul.newslist li a { font-size: 14px; line-height: 45px; color: #333333; text-indent: 12px; } ul.newslist li a span { float: right; color: #929292; } ul.newslist li:hover a { color: #0175bd; } /* news-detail.css */ .news-detail-content .title h2 { font-size: 24px; line-height: 24px; color: #000; text-align: center; margin: 30px 0 25px 0; } .news-detail-content .desc { background: #f7f7f7; height: 33px; width: 100%; text-align: center; } .news-detail-content .desc span { margin-right: 20px; font-size: 14px; line-height: 33px; height: 33px; color: #a8a8a8; } .news-detail-content .content { font-size: 14px; color: #000; line-height: 35px; } .news-detail-content .share { height: 50px; background: #f8f8f8; font-size: 14px; line-height: 50px; color: #333333; } .news-detail-content .share .fxfl { float: left; margin-left: 19px; } .news-detail-content .share .dygb { float: right; } .news-detail-content .share .dygb a { color: #444444; margin-right: 20px; } .news-detail-content .share .dygb a:hover { color: #009b4c; } .news-detail-content .share .dygb a.dy { background: url(../images/dy_03.jpg) left center no-repeat; padding-left: 32px; } .news-detail-content .share .dygb a.gb { background: url(../images/gb_06.jpg) left center no-repeat; padding-left: 30px; } .news-detail-content .share span { font-weight: bold; float: left; } .bdsharebuttonbox { display: inline; float: left; line-height: 50px; padding-top: 6px; padding-left: 10px; } #right-container .next { margin-top: 20px; margin-bottom: 30px; } #right-container .prev a, #right-container .next a { font-size: 14px; color: #222121; } #right-container .prev a:hover, #right-container .next a:hover { color: #0175bd; } /*鍙充晶鎮诞鑿滃崟*/ .slide { width: 50px; height: 250px; position: fixed; top: 50%; margin-top: -126px; background: #009b4c; right: 0; border-radius: 5px 0 0 5px; z-index: 999; } .slide ul { list-style: none; } .slide .icon li { width: 49px; height: 50px; background: url(../images/icon.png) no-repeat; } .slide .icon .up { background-position: -330px -120px; } .slide .icon li.qq { background-position: -385px -73px; } .slide .icon li.tel { background-position: -385px -160px; } .slide .icon li.wx { background-position: -385px -119px; } .slide .icon li.down { background-position: -330px -160px; } .slide .info { top: 50%; height: 147px; position: absolute; right: 100%; background: #009b4c; width: 0px; overflow: hidden; margin-top: -73.5px; transition: 0.5s; border-radius: 4px 0 0 4px; } .slide .info.hover { width: 145px; } .slide .info li { width: 145px; color: #FFFFFF; text-align: center; } .slide .info li p { font-size: 1.1em; line-height: 2em; padding: 15px; text-align: left; } .slide .info li.qq p a { display: block; margin-top: 12px; width: 100px; height: 32px; line-height: 32px; color: #FFFFFF; font-size: 16px; text-align: center; text-decoration: none; border: 1px solid #00DFB9; border-radius: 5px; } .slide .info li.qq p a:hover { color: #FFFFFF; border: none; background: #00E0DB; } .slide .info li div.img { height: 100%; background: #DEFFF9; margin: 15px; } .slide .info li div.img img { width: 100%; height: 100%; } /*鎺у埗鑿滃崟鐨勬寜閽?/ .index_cy { width: 30px; height: 30px; background: url(../images/index_cy.png); position: fixed; right: 0; top: 50%; margin-top: 140px; background-position: 62px 0; cursor: pointer; } .index_cy2 { width: 30px; height: 30px; background: url(../images/index_cy.png); position: fixed; right: 0; top: 50%; margin-top: 140px; background-position: 30px 0; cursor: pointer; } /*鑷€傚簲 褰撳睆灏忎簬1050鏃堕殣钘?/ @media screen and (max-width: 1050px) { .slide { display: none; } #btn { display: none; } }