#indexbanner{ width:100%; height:60%; overflow:hidden; position:relative; } #indexbanner .item{ position:absolute; left:0%; top:0; display:none; width:100%; height:100%;cursor:pointer;} #indexbanner .item img{ width:100%; } #indexbanner .button{ position:absolute; width:32px; height:58px; top:50%; margin-top:-25px; cursor:pointer; opacity:0.7; filter:alpha(opacity=70); -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -o-transition:all ease 0.3s; transition:all ease 0.3s; } #indexbanner .leftbtn{ background:url(/uploads/image/ei/leftbtn2.png) no-repeat center; left:60px; } #indexbanner .rightbtn{ background:url(/uploads/image/ei/rightbtn2.png) no-repeat center; right:60px; } #indexbanner .leftbtn:hover{ opacity:1; filter:alpha(opacity=100); } #indexbanner .rightbtn:hover{ opacity:1; filter:alpha(opacity=100); } h3.tit{ text-align:center; padding:35px 0; background:url(/uploads/image/eihome/line.png) repeat-x 0 50px; } h3.tit strong{ font:normal 24px 'arial'; color:#0c0c0c; padding:0 10px; background:#fff; margin-bottom:5px; display:inline-block; } h3.tit strong span{ color:#bc151b; } h3.tit em{ color:#c9c9c9; font-size:12px; display:block; margin-bottom:15px; } h3.tit i{ background:#9f9f9f; width:38px; display:inline-block; height:1px; } .news_box .btnbox{ text-align:center; margin-bottom:50px; } .news_box .btnbox a{ width:118px; height:32px; display:inline-block; color:#bcbcbc; border:1px solid #bcbcbc; margin:0 10px; line-height:32px; } .news_box .btnbox a.cur{ background:#bc151b; color:#fff; border:1px solid #bc151b; } .news_box .lis{ width:85%; margin:0 auto; } .news_box .lis ul{ display:none; } .news_box li{ float:left; width:27.3%; margin:0 3%; } .news_box li .imgbox{ display:block; width:100%; margin-bottom:15px; overflow:hidden; } .news_box li .imgbox img{ width:100%; } .news_box li .time{ color:#666; display:block; margin-bottom:5px; } .news_box li h3{ color:#343434; font:normal 14px 'arial'; margin-bottom:5px; } .news_box li h3 a{ color:#343434; } .news_box li p{ line-height:24px; color:#8c8c8c; margin-bottom:15px; } .news_box li a.more{ color:#c0c0c0; display:inline-block; } .news_box .more{ text-align:center; padding-bottom:30px; } .news_box .more a{ width:88px; height:32px; display:inline-block; color:#bcbcbc; border:1px solid #bcbcbc; line-height:32px; text-align:center; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -o-transition:all ease 0.3s; transition:all ease 0.3s; } .news_box .more a:hover{ background:#bc151b; color:#fff; border:1px solid #bc151b; } .product_box{ background:#f5f5f5; padding-bottom:50px; } .product_box .tit strong{ background:none; } .cut_box{ width:79.5%; margin:0 auto; position:relative; } .leftloop{ position:relative; } .leftloop .tit{ background:url(/uploads/image/eihome/name.png) no-repeat center; background-size:100% auto; width:390px; height:37px; position:absolute; top:17px; left:-6px; z-index:10; padding-top:9px; text-align:center; font:normal 20px 'arial'; color:#fff; } .leftloop .bd li img,.leftloop .bd li a{ width:100%; display:block; } .leftloop .hd a{ display:block; width:45px; height:45px; position:absolute; top:50%; margin-top:-22px; opacity:0.6; filter:alpha(opacity:60); -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -o-transition:all ease 0.3s; transition:all ease 0.3s; } .leftloop .hd a:hover{ opacity:1; filter:alpha(opacity:100); } .leftloop .hd .next{ background:url(/uploads/image/eihome/left.png) no-repeat center; left:-10%; } .leftloop .hd .prev{ background:url(/uploads/image/eihome/right.png) no-repeat center; right:-10%; } .leftloop .bd li{ position:relative; } .leftloop .bd li .title{ position:absolute; bottom:0; left:0; z-index:10; height:68px; color:#fff; font:normal 14px/68px 'arial'; background:url(/uploads/image/eihome/titbg.png) repeat; width:100%; } .leftloop .bd li .title span{ display:inline-block; padding-left:23px; background:url(/uploads/image/eihome/icon1.png) no-repeat left center; color:#fff; margin-left:32px; } .leftloop .bd li .title em{ display:inline-block; padding-left:26px; background:url(/uploads/image/eihome/icon2.png) no-repeat left center; color:#fff; margin-left:60px; } .wapbanner,.cutbanner{ display:none; } .cutbanner .swiper-slide span{ display:block; position:absolute; width:100%; height:44px; background:url(/uploads/image/eihome/titbg.png) repeat; bottom:0; left:0; color:#fff; line-height:22px; padding-left:15px; } .cutbanner .swiper-slide em{ position:absolute; top:0; left:0; color:#fff; background:#bc151b; padding:4px 10px; } .cutbanner .swiper-slide{ position:relative; } .cutbanner .swiper-button-next{ position:absolute; right:0; background:#fff url(/uploads/image/eihome/right.png) no-repeat center; width:15px; height:40px; margin-top:-20px; } .cutbanner .swiper-button-prev{ position:absolute; left:0; background:#fff url(/uploads/image/eihome/left.png) no-repeat center; width:15px; height:40px; margin-top:-20px; } .swiper-container2{ overflow:hidden; } .swiper-container2 .swiper-slide img,.swiper-container .swiper-slide img{ width:100%; } .cutbanner{ position:relative; } /*英文首页搜索框*/ .search{width: 100%;height: 70px;background: #b61c24;} .search .search-content{width:1250px;margin:0 auto;} .search .search-content .select1 {width: 140px;height: 40px;border-radius: 5px;margin-right:30px;margin-top: 15px; appearance:none; -moz-appearance:none; -webkit-appearance:none; background: no-repeat 120px center #ffffff; padding-left: 5px; border: none; font-size: 16px;} .search .search-content .select1::-ms-expand{ display: none; } .search .search-content .select2 {width: 140px;height: 40px;border-radius: 5px;margin-right:30px;margin-top: 15px; appearance:none; -moz-appearance:none; -webkit-appearance:none; background: no-repeat 100px center #ffffff; padding-left: 14px; border: none; font-size: 16px;} .search .search-content .select2::-ms-expand{ display: none; } .search .search-content .select3 {width: 140px;height: 40px;border-radius: 5px;margin-right:30px;margin-top: 15px; appearance:none; -moz-appearance:none; -webkit-appearance:none; background: no-repeat 100px center #ffffff; padding-left: 14px; border: none; font-size: 16px;} .search .search-content .select3::-ms-expand{ display: none; } .search .search-content .select4 {width: 180px;height: 40px;border-radius: 5px;margin-right:30px;margin-top: 15px; appearance:none; -moz-appearance:none; -webkit-appearance:none; background: no-repeat 150px center #ffffff; padding-left: 7px; border: none; font-size: 16px;} .search .search-content .select4::-ms-expand{ display: none; } .search .search-content .select5 {width: 180px;height: 40px;border-radius: 5px;margin-right:30px;margin-top: 15px; appearance:none; -moz-appearance:none; -webkit-appearance:none; background: no-repeat 160px center #ffffff; padding-left: 14px; border: none; font-size: 16px;} .search .search-content .select5::-ms-expand{ display: none; } .search .search-content .select6 {width: 180px;height: 40px;margin-top: 15px;border-radius: 5px;margin-right:20px; appearance:none; -moz-appearance:none; -webkit-appearance:none; background: no-repeat 160px center #ffffff; padding-left: 14px; border: none; font-size: 16px;} .search .search-content .select6::-ms-expand{ display: none; } .search .search-content a{float: right; font-size: 18px; width: 100px; height: 40px; background: #fad89a; margin-top: 25px; text-align: center; line-height: 40px; color: #000000; border-radius: 5px;} .product_box{ background:#f5f5f5; padding-bottom:50px; } .product_box .tit strong{ background:none; } /*英文搜索内容*/ .search-edge{padding: 85px;width: 1183px;margin: 0 auto;} .search-edge .search-title{color:#333333;font-size: 22px;font-family: "microsoft yahei";} .search-edge ul{padding-top:45px;overflow: hidden;} .search-edge ul li{margin-right: 65px;width: 350px;float: left;} .search-edge ul li:nth-child(3n 0){margin-right: 0;} .search-edge ul li .image{width: 350px;height: 350px;} .search-edge ul li .image img{max-width: 100%;max-height: 100%} .search-edge ul li h1{ color: #333333; font-size: 24px; height: 60px; margin-top: 30px; border-bottom: 1px solid #3333;} .search-edge ul li .detail{ padding-top: 25px; box-sizing: border-box; } .search-edge ul li .detail{width: 350px;} .search-edge ul li .detail p{font-size: 18px;color: #666666;font-family: "microsoft yahei"} .cut_box{ width:79.5%; margin:0 auto; position:relative; } .leftloop{ position:relative; } .leftloop .tit{ background:url(/uploads/image/eihome/name.png) no-repeat center; background-size:100% auto; width:210px; height:37px; position:absolute; top:17px; left:-6px; z-index:10; padding-top:9px; text-align:center; font:normal 20px 'microsoft yahei'; color:#fff; } .leftloop .bd li img,.leftloop .bd li a{ width:100%; display:block; } .leftloop .hd a{ display:block; width:45px; height:45px; position:absolute; top:50%; margin-top:-22px; opacity:0.6; filter:alpha(opacity:60); -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -o-transition:all ease 0.3s; transition:all ease 0.3s; } .leftloop .hd a:hover{ opacity:1; filter:alpha(opacity:100); } .leftloop .hd .next{ background:url(/uploads/image/eihome/left.png) no-repeat center; left:-10%; } .leftloop .hd .prev{ background:url(/uploads/image/eihome/right.png) no-repeat center; right:-10%; } .leftloop .bd li{ position:relative; } .leftloop .bd li .title{ position:absolute; bottom:0; left:0; z-index:10; height:68px; color:#fff; font:normal 14px/68px 'microsoft yahei'; background:url(/uploads/image/eihome/titbg.png) repeat; width:100%; } .leftloop .bd li .title span{ display:inline-block; padding-left:23px; background:url(/uploads/image/eihome/icon1.png) no-repeat left center; color:#fff; margin-left:32px; } .leftloop .bd li .title em{ display:inline-block; padding-left:26px; background:url(/uploads/image/eihome/icon2.png) no-repeat left center; color:#fff; margin-left:60px; } .wapbanner,.cutbanner{ display:none; } .cutbanner .swiper-slide span{ display:block; position:absolute; width:100%; height:44px; background:url(/uploads/image/eihome/titbg.png) repeat; bottom:0; left:0; color:#fff; line-height:22px; padding-left:15px; } .cutbanner .swiper-slide em{ position:absolute; top:0; left:0; color:#fff; background:#bc151b; padding:4px 10px; } .cutbanner .swiper-slide{ position:relative; } .cutbanner .swiper-button-next{ position:absolute; right:0; background:#fff url(/uploads/image/eihome/right.png) no-repeat center; width:15px; height:40px; margin-top:-20px; } .cutbanner .swiper-button-prev{ position:absolute; left:0; background:#fff url(/uploads/image/eihome/left.png) no-repeat center; width:15px; height:40px; margin-top:-20px; } .swiper-container2{ overflow:hidden; } .swiper-container2 .swiper-slide img,.swiper-container .swiper-slide img{ width:100%; } .cutbanner{ position:relative; } @media only screen and (max-width:770px){ #indexbanner,.cut_box{ display:none; } .wapbanner,.cutbanner{ display:block; } } @media only screen and (max-width:510px){ .news_box .lis{ width:100%; } .news_box li{ width:31.1%; margin:0 1%; } .product_box{ padding-bottom:20px; } h3.tit{ padding:20px 0; } .news_box .btnbox{ margin-bottom:20px; } }