/**banner gegin****/ .fullslide { width: 100%; position: relative; } .fullslide .bd { margin: 0 auto; position: relative; z-index: 0; } .fullslide .bd ul { width: 100% !important; } .fullslide .bd li { width: 100% !important; position: absolute; top: 0; left: 0; } .fullslide .bd li .phone{ display:none; } .fullslide .hd { width: 100%; position: absolute; z-index: 5; bottom: 10px; left: 0; height: 30px; line-height: 30px; text-align: center; } .fullslide .hd ul li { cursor: pointer; display: inline-block; zoom: 1; width: 14px; height: 14px; margin: 1px 3px; border-radius: 50%; background: #fff; line-height: 999px; } .fullslide .hd ul li.on{ background-color: #f1151f; } /**lsh修改 19.01.28**/ .fullslide .bd ul { height: 0 !important; padding-bottom :37% } @media only screen and (max-width: 767px) { .fullslide .bd ul { height: 0 !important; padding-bottom :93% } } /**banner end**/ /**enterprise begin**/ .enterprise,.banner,.into{ margin-bottom: 5%; } .enterprise .bd li{ width: 32.93%; float: left; position: relative; cursor: pointer; overflow: hidden; } .enterprise .bd li:nth-child(2){ margin:0 0.6%; } /*.enterprise li dt img:nth-child(1){ width: 300px; }*/ .enterprise li dt img{ width: 220px; margin:0 auto; } .enterprise li dt img:nth-child(1){ width: auto; } .enterprise li dt img:nth-child(2){ display: none; } .enterprise li img,.enterprise li .mask{ transition: all ease-in 1s; -webkit-transition: all ease-in 1s; } .enterprise li dt span{ transition: all ease-in 0.5s; -webkit-transition: all ease-in 0.5s; } .enterprise li .mask{ position: absolute; left:0; top:0; width: 100%; background-color: rgba(0,0,0,0.5); height: 100%; z-index: 1; opacity: 0.5; } .enterprise li:hover .mask{ opacity: 1; } .enterprise li:hover>img{ transform: scale(1.1); -webkit-transform: scale(1.1); z-index: 2; } .enterprise li>a{ display: block; height: 0; padding-bottom: 56%; } .enterprise li>a>img{ width: 100%; } .enterprise li dl{ width: 90%; padding:5%; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); color:#fff; text-align: center; z-index: 2; } .enterprise li dt{ position: relative; } .enterprise li dt span{ display: block; margin:10px auto 16px; width: 0; height: 5px; background-color: #fff; } .enterprise li:hover dt span{ width: 33px; } .enterprise li dd{ height: 0; overflow: hidden; font-size: 16px; } .enterprise li dd span{ font-size: 20px; display: block; margin-bottom: 10px; } .enterprise li dd p{ display: none!important; } .enterprise li dd p em{ display: block; } /**enterprise end**/ /**into begin**/ .into>ul{ height: 800px; overflow: hidden; } .into li{ width: 15.6%; margin:0 0.25%; float: left; position: relative; color:#fff; cursor: pointer; overflow: hidden; top:-900px; } .into li:nth-child(1){ width: 35.41%; margin-left: 0; } .into li:last-child{ margin-right: 0; } .into li img{ transition: all ease-in 1s; -webkit-transition: all ease-in 1s; } .into li.on img{ transform: scale(1.1); -webkit-transform: scale(1.1); } .into li .top_icon{ position: absolute; width: 100%; box-sizing: border-box; left:0; bottom:0; padding-left: 50px; line-height: 3em; background-color:rgba(0,171,40,0.75)!important; background-position: 5% center!important; background-size: 30px!important; } .into li:nth-child(1) .top_icon{ display: none; } .into li:nth-child(3) .top_icon{ } .into li dl{ position: absolute; left:0; bottom: -550px; padding:30px 30px 80px; z-index: 2; } .into li:nth-child(1) dl{ padding-left: 100px; bottom:0; } .into li a{ color:#fff; } .into li a>img{ position: relative!important; left:0!important; top:0!important; width: 900px!important; height:800px!important; max-width:inherit; } .into li dt { padding-bottom:40px; margin-bottom: 40px; position: relative; } .into li dt em{ display: block; margin-bottom: 10px; } .into li dt span.bran{ width: 25px; height: 3px; background-color: #fff; position: absolute; left:0; bottom:0; } .into li dd .desc{ width: 520px; height: 9em; -webkit-line-clamp: 6; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; margin-bottom: 30px; } .into li dd .from{ height: 1.5em; color:#00ab28; margin-bottom: 90px; } .into li dd .more{ color:#fff; } .into li .mask{ position: absolute; left:0; top:0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); z-index: 1; opacity:0; } /**into end**/ /**index_new begin**/ .index_new{ width: 89.58%; padding: 0 5.21%; margin-bottom:6%; } .index_new dl{ width: 22.33%; float: left; position: relative; padding-left:6.5%; transform: scale(0.7); -webkit-transform: scale(0.7); transition: all 1s ease 0.5s; -webkit-transition: all 1s ease 0.5s; opacity: 0; } .index_new dl.on{ opacity: 1; transform: scale(1); -webkit-transform: scale(1); } .index_new dl>a{ display: block; border: 1px solid #bfbfbf; } .index_new dl dt{ overflow: hidden; height: 0; padding-bottom: 57%; } .index_new dl dt img{ width: 100%; transition: all 0.5s ease-in; -webkit-transition: all 0.5s ease-in; } .index_new dl:hover dt img{ transform: scale(1.05); -webkit-transform: scale(1.05); } .index_new dl:nth-child(2){ margin:0 6.7%; } .index_new dd{ padding:30px 15px 15px; } .index_new dd .title{ font-size: 18px; font-weight: bold; margin-bottom: 14px; height: 3em; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; display: -webkit-box; } .index_new dd .time{ position: absolute; top:25px; left:50px; text-align: center; opacity: 0; } .index_new dd p{ color:#666; height: 3em; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; display: -webkit-box; margin-bottom: 20px; } .index_new dl:hover dd p{ color:#333; } .index_new dd .time em{ display: block; line-height: 52px; font-weight: bold; } .index_new dd .time span{ font-size: 16px; color:#dfdfdf; } .index_new dd .arrow{ display: block; background: url(/uploads/image/uimg/arrow.png) no-repeat center; width: 26px; height: 15px; } .index_new a.more{ display: block; width: 108px; margin:30px auto 0; line-height: 30px; border: 1px solid #a5a5a5; text-align: center; position: relative; top:50px; opacity: 0; filter: alpha(opacity=0); } /**index_new end**/ /**index_contact begin**/ .index_contact{ width: 89.58%; padding: 6% 5.21%; background: url(/uploads/image/uimg/relax-bg.jpg) no-repeat center; background-size: cover; } .index_contact .content{ overflow: hidden; } .index_contact .content>li{ width: 23.6%; float: left; padding:3%; background-color: #fff; border-top:3px solid #8fbd35; text-align: center; position: relative; top:100px; } .index_contact .content>li:nth-child(1){ color:#8fbd35; } .index_contact .content>li:nth-child(1) .con img{ border:1px solid #c1c1c1; margin-bottom: 15px; } .index_contact .content>li:nth-child(1) .con span{ display: block; color:#666; } .index_contact .content>li:nth-child(2){ margin-left: 5.5%; margin-right: 5.5%; } .index_contact .content>li .con{ margin:9% 0; opacity: 0; position: relative; top:50px; } .index_contact .content>li:nth-child(2) .con{ padding-bottom: 0; margin-bottom: 0; } .index_contact li h3{ display: inline-block; padding:0 50px; background: url(/uploads/image/uimg/relax_h3_bg.jpg) repeat-x center; } .index_contact li h3 span{ padding:0 22px; background-color: #fff; } .index_contact li a{ display: inline-block; width: 108px; line-height: 30px; border:1px solid #a5a5a5; opacity: 0; } .index_contact .content>li:nth-child(1) a.more:hover{ border-color:#8fbd35!important; /*background-color: #8fbd35!important; color:#fff; border-color:#8fbd35!important;*/ } .index_contact .content>li:nth-child(1) a.more em{ background-color: #8fbd35; } .index_contact .content>li:nth-child(1) a.more:hover em{ left:0; } .index_contact .content>li:nth-child(2){ border-color:#f0c262; } .index_contact .content>li:nth-child(2) h3{ color: #f0c262; } .index_contact .hd { position: relative; text-align: center; margin-bottom: 10%; } .index_contact .hd ul li { display: inline-block; width: 70px; height: 70px; margin:0 2.5%; border-radius: 50%; border:1px solid #f0c262; cursor: pointer; } .index_contact .hd li:nth-child(1){ background: url(/uploads/image/uimg/arrive_01.png) no-repeat center; } .index_contact .hd li:nth-child(1):hover,.index_contact .hd li:nth-child(1).on { background:#f0c262 url(/uploads/image/uimg/arrive_01_hover.png) no-repeat center; } .index_contact .hd li:nth-child(2){ background: url(/uploads/image/uimg/arrive_02.png) no-repeat center; } .index_contact .hd li:nth-child(2):hover,.index_contact .hd li:nth-child(2).on { background:#f0c262 url(/uploads/image/uimg/arrive_02_hover.png) no-repeat center; } .index_contact .hd li:nth-child(3){ background: url(/uploads/image/uimg/arrive_03.png) no-repeat center; } .index_contact .hd li:nth-child(3):hover,.index_contact .hd li:nth-child(3).on { background:#f0c262 url(/uploads/image/uimg/arrive_03_hover.png) no-repeat center; } .index_contact .transport{ text-align: left; word-wrap: break-word; color:#666666; } .index_contact .transport>div:nth-child(1){ margin-bottom: 10%; } .index_contact .transport>div:nth-child(1) p span{ letter-spacing: 6.8px; } .index_contact .transport>div:nth-child(1) p span em{ width: 14px; display: inline-block; } .index_contact .transport>div>span{ font-size: 18px; display: block; margin-bottom: 10px; } .index_contact .content>li:nth-child(3){ border-color:#f01620; } .index_contact .content>li:nth-child(3) h3{ color: #f01620; } .index_contact .content>li:nth-child(3) .con { color: #666666; text-align: left; height: 222px; overflow: hidden; } /**index_contact end**/ @media only screen and (max-width: 1600px) { .into li:nth-child(1) dl{ padding-left:30px; } .into ul{ height: 600px; } .into li a>img { height: 600px!important; } } @media only screen and (max-width:1440px){ .into li dd .desc { width: 450px; } } @media only screen and (max-width:1366px ) { .into li dd .desc { width: 420px; } } @media only screen and (max-width:1280px ) { .enterprise{ width: 94%; padding:0 3%; } .enterprise li dd{ height: auto; } .enterprise li dd p{ display: none; } .enterprise li dl{ width: auto; padding:0; } .enterprise li dt img{ width: 150px!important; margin:0 auto; } .enterprise li dt span { width: 33px; margin: 10px auto; } /*.enterprise li dt img { transform: scale(1); -webkit-transform: scale(1); }*/ .into li dd .desc { width: 320px; } .index_new{ width: 94%; padding:0 3%; } .index_contact{ width: 94%; padding: 6% 3%; } .index_contact li h3 { padding: 0 40px; } .index_contact li h3 span{ padding:0 10px; } .index_contact .hd ul li{ background-size: 28px!important; width: 55px; height: 55px; } .enterprise li dd span{ font-size: 16px; } } @media only screen and (max-width:1024px ) { .into li .top_icon{ font-size: 18px; line-height: 2.5em; } .into li dl { padding: 15px 15px 30px!important; } .enterprise li dd{ display: none; } .into li dd .desc { width: 227px; } .into li dt span{ font-size: 20px; } .index_new dl{ width: 32%; padding-left: 0; } .index_new dl:nth-child(2){ margin:0 2%; } .index_new dd { padding-top: 20px; } .index_new dd p { margin-bottom: 10px; } .index_new dd .arrow{ display: none; } .index_new dd .time{ position: inherit; left:inherit; top:inherit; text-align: left; } .index_new dd .time em{ display: inline-block; font-size: 16px; font-weight: normal; color:#dfdfdf; display: none; } .index_contact li h3 { padding: 0 25px; } .index_contact .hd ul li { background-size: 20px!important; width: 42px; height: 42px; margin:0 2%; } } @media only screen and (max-width:767px){ .enterprise li dd{ display: block; } .into{ width: 94%; padding:0 3%; } .into>ul{ height: auto; } .into li{ width: 49%!important; margin:0 1% 2%; height: 0; overflow: hidden; padding-bottom: 43%; } .into li:nth-child(1){ width: 100%!important; margin-right: 0; } .into li:nth-child(even){ margin-left: 0; } .into li:nth-child(odd){ margin-right: 0; } .into li:nth-child(4),.into li:nth-child(5){ margin-bottom: 0; } .into li .top_icon{ display: none!important; } .into li dt { padding-bottom: 15px; margin-bottom: 15px; } .into li .mask { opacity: 1; background-color: rgba(0,0,0,0.3); } .into li a>img{ width: 100%!important; height: auto!important; } .into li dl{ left:50%; top:50%; transform: translate(-50%,-50%); bottom: auto!important; padding:0!important; } .into li dd .desc,.into li dd .from{ display: none; } .index_new dl{ margin:0!important; } .index_new dl>a{ border:0 none; } .index_new dd{ padding:20px 0 0; } .index_new dd .title{ height: inherit; -webkit-line-clamp:inherit; } .index_new dd p { height: auto; } .index_new a.more{ margin-top:3%; } .index_contact li h3{ margin-bottom: 0; } .index_contact .swiper-container1,.index_new .swiper-container3{ margin-left: auto; margin-right: auto; position: relative; overflow: hidden; z-index: 1; } .index_contact .transport>div:nth-child(1) { margin-bottom: 5%; } .index_contact .content>li{ /*width: 90%; padding:5%;*/ padding:5% 0; } .index_contact .content{ overflow:visible; } .index_contact .content>li:nth-child(2){ margin-right: 0; margin-left: 0; float: right; } .index_contact li a{ width: 108px; } .index_contact .content>li:nth-child(3) .con { height: auto; margin:4% 5%; } .index_contact .swiper-pagination1,.index_new .swiper-pagination3{ text-align: center; padding-top:5%; width: 100%; position: inherit; } .index_new .swiper-pagination3{ padding-top:0; } .index_contact .swiper-pagination-bullet,.index_new .swiper-pagination-bullet{ width: 12px; height: 12px; margin:0 5px; border-radius: 50%; display: inline-block; background-color: #dedede; color:transparent; opacity: 1; } .index_contact .swiper-pagination-bullet-active,.index_new .swiper-pagination-bullet-active{ background-color: #f01620 } .index_contact .content>li .con{ margin:5%; } .enterprise li .mask { background-color: rgba(0,0,0,0.4); } } @media only screen and (max-width:650px ) { .enterprise li{ width: 100%; margin-bottom: 2%!important; } .enterprise li:nth-child(2){ margin:0 0 2%; } } @media only screen and (max-width:500px){ .into li dt .icon img{ width: 30px; height: 30px; } .into li:nth-child(3) .icon img{ width: 45px; } .index_contact .hd{ margin-bottom: 5%; } .into li dt { padding-bottom: 10px; margin-bottom: 10px; } .index_contact .content>li:nth-child(1) .con img{ width: 120px; } .enterprise li dt img { width: 115px!important; } } @media only screen and (max-width: 400px) { .enterprise .bd li dd p{ height: 3em; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; display: -webkit-box; } /*.into li{ width: 100%!important; margin-left: 0; margin-right: 0; }*/ /*.into li{ height: 240px; }*/ .index_new dd p{ height: auto; -webkit-line-clamp:inherit; } .into li dl{ width: 78px; } .into li dt span{ font-size: 16px; } .enterprise li dd span { font-size: 14px; } } /**********************/ /**厨房调料页面 begin **/ .kitchen-desc{ width: 1280px; margin:89px auto 100px; } .kitchen-desc .h2-box{ /*margin-bottom: 0; opacity: 0; filter:alpha(opacity=0);*/ } .kitchen-desc .h2-box p{ padding:0 15.5%; /*position: relative; top:50px; opacity: 0;*/ } /**kitchen-list begin**/ .kitchen-list-bg{ background-color: #f5f2ed; padding: 100px 0; margin-bottom: 100px; } .kitchen-list{ width: 1280px; margin: 0 auto; } .kitchen-list .con{ overflow: hidden; position: relative; opacity: 0; filter:alpha(opacity=0); transform: scale(0.8); -webkit-transform: scale(0.8); transition: all ease 1.5s; } .kitchen-list .con.bigpic{ opacity: 1; filter:alpha(opacity=100); transform: scale(1); -webkit-transform: scale(1); } .kitchen-list .con .piclist{ overflow: hidden; zoom: 1; } .kitchen-list .amore .hd{ text-align: center; padding-top:3%; } .kitchen-list .hd li{ display: inline-block; width: 12px; height: 12px; margin:0 5px; border-radius: 50%; background-color: #a5a5a5; color:transparent; cursor: pointer; } .kitchen-list .hd li.on{ background-color: #ef1620; } .kitchen-list dl{ background-color: #fff; overflow: hidden; } .kitchen-list dl.two{ margin:0 0.775%; } .kitchen-list dt{ overflow: hidden; height: 0; padding-bottom: 25.6%; } .kitchen-list dl.two dt,.kitchen-list dl.three dt,.kitchen-list dl.amore dt{ padding-bottom: 50%; } .kitchen-list dt>img{ width: 100%; transition: all ease 0.8s; -webkit-transition: all ease 0.8s; } .kitchen-list dl:hover dt>img{ transform: scale(1.05); -webkit-transform: scale(1.05); } .kitchen-list dl.one{ margin:0; position: relative; } .kitchen-list dl.one dt{ width: 50%; float: left; } .kitchen-list dl.one dd{ width: 40%; float: right; padding:0 5%; position: absolute; right:0; top:50%; transform: translate(0,-50%); } .kitchen-list dl.one dd em{ width: 40%; display: block; border-bottom: 3px solid #89b929; } .kitchen-list .swiper-slide:nth-child(3n 1),.kitchen-list dl.two:nth-child(2n 1),.kitchen-list dl.amore:nth-child(3n 1){ width:100%; margin:0; float:inherit; border-bottom:3px solid #91bd38; } .kitchen-list dl.one{ border-bottom: 0 none; position: relative; } .kitchen-list dl.one .dd{ width: 50%; height: 3px; background-color: #f0c262; position: absolute; right:0; padding:0; top:auto; bottom: 0; transform: inherit; } .kitchen-list .swiper-slide:nth-child(3n 2),.kitchen-list dl.two:nth-child(2n 2),.kitchen-list dl.amore:nth-child(3n 2){ border-bottom: 3px solid #f0c262; } .kitchen-list .swiper-slide:nth-child(3n 3),.kitchen-list dl.amore:nth-child(3n 3){ border-bottom: 3px solid #e81922; } .kitchen-list dd{ padding:7% 8%; } .kitchen-list dd .title{ display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; margin-bottom: 4.5%; } .kitchen-list dd p{ color:#666; height: 3em; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; display: -webkit-box; text-align: center; } .kitchen-list .swiper-pagination.on{ position:inherit; padding-top:7%; } .kitchen-list .swiper-pagination-bullet{ display: inline-block; width: 12px; height: 12px; margin: 0 5px; border-radius: 50%; background-color: #a5a5a5; color: transparent; cursor: pointer; } .kitchen-list .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color: #ef1620; } .kitchen-list .content a.more{ display: block; width: 108px; margin:4.5% auto 0; text-align: center; line-height: 30px; color:#666; border: 1px solid #a5a5a5; opacity: 0; filter:alpha(opacity=0); top:50px; } /** kitchen-listend**/ /**kitchen-sence begin**/ .kitchen-sence{ width: 1280px; margin:0 auto 280px; } .kitchen-sence .content{ position: relative; opacity: 0; filter:alpha(opacity=0); left:-50px; } .kitchen-sence .content .img{ overflow: hidden; height: 0; padding-bottom: 41%; } .kitchen-sence .content>img{ width: 100%; } .kitchen-sence .content .text{ width: 80%; position: absolute; left:50%; bottom:-50%; padding:9% 6% 4%; background-color: rgba(245,242,237,0.8); opacity: 0; transform: translate(-50%,0); filter:alpha(opacity=0); transition: all 0.8s ease 0.7s; color:#666; } .kitchen-sence .content .text.on{ opacity: 1; filter:alpha(opacity=100); bottom:-35%; } .kitchen-sence .content .text dt{ width: 20%; float: left; text-align: right; } .kitchen-sence .content .text dd{ width: 50%; float: right; padding-left: 15%; margin-left: 14%; border-left: 1px solid #dfdfdf; } .kitchen-sence .content .text dd a.more{ display: block; text-align: center; margin-top:5%; width: 108px; line-height: 30px; border:1px solid #a5a5a5; color:#666; } /**kitchen-sence end**/ /**kitchen-active begin**/ .kitchen-active{ width: 1280px; margin:0 auto 100px; } .kitchen-active .scroll-box{ overflow: hidden; position: relative; opacity: 0; filter: alpha(opacity=0); transform: scale(0.8); -webkit-transform: scale(0.8); transition: all 1.5s ease 1.2s; } .kitchen-active .scroll-box.bigpic{ opacity: 1; filter: alpha(opacity=100); transform: scale(1); -webkit-transform: scale(1); } .kitchen-active .scroll-box .bd .piclist{ overflow: hidden; zoom: 1; } .kitchen-active .scroll-box dl{ overflow: hidden; background-color: #f6f6f6; } .kitchen-active .scroll-box dt{ height: 0; padding-bottom: 61%; overflow: hidden; } .kitchen-active .scroll-box dt img{ width: 100%; transition: all 1s ease; -webkit-transition: all 1s ease; } .kitchen-active .scroll-box dl:hover dt img{ transform: scale(1.05); -webkit-transform: scale(1.05); } .kitchen-active .scroll-box .swiper-slide:nth-child(3n 1){ border-bottom: 3px solid #91bd38; } .kitchen-active .scroll-box .swiper-slide:nth-child(3n 2){ border-bottom: 3px solid #eabe62; } .kitchen-active .scroll-box .swiper-slide:nth-child(3n 3){ border-bottom: 3px solid #e81922; } .kitchen-active .scroll-box dd{ padding:20px 25px; } .kitchen-active .scroll-box dd span{ display: block; margin:10px 0; } .kitchen-active .swiper-pagination span{ display: inline-block; width: 12px; height: 12px; margin: 0 5px; border-radius: 50%; background-color: #a5a5a5; color: transparent; cursor: pointer; } .kitchen-active .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#ef1620; } .kitchen-active .swiper-pagination{ position:inherit; padding-top:2%; } .kitchen-active .scroll-box a.title{ display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; } .kitchen-active .scroll-box p{ height: 3em; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; display: -webkit-box; color:#656565; } .kitchen-active .scroll-box a.more{ display: block; width: 108px; margin:20px auto 0; line-height: 30px; text-align: center; border: 1px solid #a5a5a5; } .kitchen-active .scroll-box .swiper-slide:nth-child(3n 1) a.more:hover{ border-color:#91bd38!important; } .kitchen-active .scroll-box .swiper-slide:nth-child(3n 1) a.more em{ background-color: #91bd38; } .kitchen-active .scroll-box .swiper-slide:nth-child(3n 2) a.more:hover{ border-color:#eabe62!important; } .kitchen-active .scroll-box .swiper-slide:nth-child(3n 2) a.more em{ background-color: #eabe62; } .kitchen-active .scroll-box .hd{ text-align: center; padding-top:3% } .kitchen-active .scroll-box li{ position: relative; width: 12px; height: 12px; margin:0 5px; display: inline-block; color:transparent; line-height: 0; border-radius: 50%; background-color: #a5a5a5; cursor: pointer; } .kitchen-active .scroll-box li.on{ background-color: #ef1620; } /**kitchen-active end**/ @media only screen and ( max-width:1280px ){ .kitchen-desc{ width: 94%; padding:0 3%; margin-bottom: 6%; margin-top:60px; } .kitchen-sence{ width: 94%; padding:0 3%; margin-bottom: 18%; } .kitchen-list-bg{ padding:6% 0; margin-bottom: 6%; } .kitchen-list{ width: 94%; padding:0 3%; } .kitchen-list .con{ margin:0 auto; } .kitchen-list dl{ margin:0 10px; } .kitchen-active{ width: 94%; padding:0 3%; margin-bottom: 6%; } .kitchen-active .scroll-box .tempwrap{ width: 962px; margin:0 auto; } .kitchen-active .scroll-box .bd dl{ width: 300px; margin:0 10px; } } @media only screen and ( max-width:1024px ){ .kitchen-desc .h2-box p{ padding:0; } .kitchen-active .scroll-box .tempwrap{ width: 900px; } .kitchen-active .scroll-box .bd dl{ width: 280px; } } @media only screen and ( max-width:960px ){ .kitchen-active .scroll-box .tempwrap{ width: 720px; } .kitchen-active .scroll-box .bd dl{ width: 220px; } } @media only screen and ( max-width:767px ){ .enterprise, .banner, .into, .index_new,.kitchen-desc,.kitchen-list-bg,.kitchen-sence,.kitchen-active,.coop-policy-bg,.coop-cooperation,.into-about,.into-des,.into-base,.into-intro,.into-new,.decili-des,.decili-content { margin-bottom: 0%!important; } .kitchen-list-bg,.coop-policy-bg{ padding:8% 0!important; } .index_contact { width: 94%; padding: 8% 3%; } .kitchen-active .scroll-box .tempwrap{ width: 610px; } .kitchen-active .scroll-box .bd dl{ width: 285px; } .kitchen-sence .content .text{ position: inherit; transform:inherit; width: 90%; padding:5%; left:0; } .kitchen-sence .content .text dt{ display: none; } .kitchen-sence .content .text dd{ width: 100%; padding:0; margin:0; border:0 none; } .kitchen-sence .content .text dd a.more{ margin-left: auto; margin-right: auto; } .decili-des{ padding-bottom: 8%; } } @media only screen and ( max-width:650px ){ .kitchen-active .scroll-box .tempwrap{ width: 470px; } .kitchen-active .scroll-box .bd dl{ width: 215px; } .kitchen-list dd p{ font-size: 12px; } } @media only screen and ( max-width:500px ){ .kitchen-sence .content .text{ position: inherit; left:auto; top:auto; bottom: inherit!important; width: 94%; padding:5% 3%; transform:inherit; } .kitchen-active .scroll-box .tempwrap{ width: 376px; } .kitchen-active .scroll-box .bd dl{ width: 376px; margin:0 auto; } .kitchen-list dl{ margin:0; } } /**厨房调料页面 end **/ /**********************/ /**********************/ /**走进江心页面 begin **/ /**into-about begin**/ .into-about{ width: 1280px; margin:89px auto 100px; position: relative; } .into-about .left-img{ width: 49.21%; float: left; position: relative; z-index: 1; height: 0; overflow: hidden; padding-bottom: 31%; left:-50px; opacity: 0; filter: alpha(opacity=0); } .into-about .left-img img{ width: 100%; } .into-about .right-text{ width: 47.68%; padding:3% 4%; position: absolute; right:0; top:0; z-index: 2; top:50%; transform: translate(0,-50%); background-color: #f2f2f2; opacity: 0; filter: alpha(opacity=0); } .into-about .right-text b{ display: block; font-weight: normal; color:#634630; } .into-about .right-text em{ display: block; width: 25px; height: 5px; background-color: #f0c262; margin:3% 0; } .into-about .right-text p{ color:#666; height: 4.5em; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; } .into-about .border{ display: block; position: absolute; z-index: 0; right:13%; margin-top: 1.4%; border: 1px solid #e4bb7a; height: 90%; width: 600px; opacity: 0; filter: alpha(opacity=0); } /**into-about end**/ /**into-base begin**/ .into-base{ width: 1280px; margin:0 auto 100px; display: flex; align-items: center; background-color: #f2f2f2; opacity: 0; filter: alpha(opacity=0); transition: all 0.5s ease 0.5s; -webkit-transition: all 0.5s ease 0.5s; overflow: hidden; } .into-base.on{ opacity: 1; filter: alpha(opacity=100); } .into-base .left-img{ width: 53.12%; float: left; overflow: hidden; height: 0; padding-bottom: 32%; } .into-base .left-img img{ width: 100%; transform: scale(1.1); -webkit-transform: scale(1.1); opacity: 0; filter: alpha(opacity=0); transition: all 1.5s ease 0.8s; -webkit-transition: all 1.5s ease 0.8s; } .into-base.on .left-img img{ transform: scale(1); -webkit-transform: scale(1); opacity: 1; filter: alpha(opacity=100); } .into-base .right-text{ float: right; width: 40.88%; padding:4% 3%; position: relative; left:50px; opacity: 0; filter: alpha(opacity=0); transition: all 1s ease 2s; -webkit-transition: all 1s ease 2s; } .into-base.on .right-text{ left:0; opacity: 1; filter: alpha(opacity=100); } .into-base .right-text dt{ padding-bottom: 5%; margin-bottom: 5%; position: relative; } .into-base .right-text em{ display: block; margin-bottom: 10px; } .into-base .right-text .bran{ display: block; width: 25px; height: 3px; background-color: #333; position: absolute; left: 0; bottom: 0; } .into-base .right-text .desc{ margin-bottom: 8%; } .into-base .right-text .desc p{ color:#666; height: 3em; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; } .into-base .right-text dd a.more:hover{ color:#333!important; } /**into-base end**/ /**into-des begin**/ .into-des{ margin-bottom: 100px; overflow: hidden; } .into-des>a>div{ position: relative; height: 0; overflow: hidden; padding-bottom: 560px; color:#fff; cursor: pointer; } .into-des>a>div .mask{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); z-index: 1; } .into-des>a>div>img{ width: 100%!important; height: 560px!important; max-width: inherit; } .into-history{ width: 66.5%; float: left; position: relative; left:-50px; opacity: 0; filter: alpha(opacity=0); border-bottom:5px solid #8fbc34; } .into-culture{ width: 33%; float: right; position: relative; right:-50px; opacity: 0; filter: alpha(opacity=0); border-bottom:5px solid #f0c262; } .into-des dl{ position: absolute; left:0; top:0; padding:60px 50px; z-index: 2; color:#fff; } .into-des dt { padding-bottom: 40px; margin-bottom: 40px; position: relative; } .into-des dt em{ display: block; margin-bottom: 10px; } .into-des dt span.bran { width: 25px; height: 3px; background-color: #fff; position: absolute; left: 0; bottom: 0; } .into-des dd .desc { height: 6em; -webkit-line-clamp: 4; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; margin-bottom: 30px; } .into-des dd a.more { color: #fff; } /**into-des end**/ /**into-intro begin**/ .into-intro{ width: 1280px; margin:0 auto 100px; text-align: left; position: relative; overflow: hidden; } .into-intro .hd{ position: absolute; right:-30%; top:50%; margin-top:-135px; z-index: 2; color:#666; transform: rotate(90deg); transition: all 1.2s ease 1.2s; -webkit-transition: all 1.2s ease 1.2s; opacity: 0; filter: alpha(opacity=0); } .into-intro .hd.on{ transform: rotate(0deg); -moz-transform: rotate(0deg); right:0; opacity: 1; filter: alpha(opacity=100); } .into-intro .hd li{ width: 490px; line-height: 90px; height: 90px; margin-left: 20px; background-color: #f9f9f9; border-bottom: 1px solid #f2f2f2; cursor: pointer; } .into-intro .hd li.on{ background-color: #f0c262; color:#fff; border-color: #f0c262; width: 510px; margin-left: 0; } .into-intro .hd em{ font-size: 24px; display: inline-block; width: 120px; text-align: center; border-right: 1px solid #f2f2f2; margin-right: 10%; } .into-intro .hd li.on em{ border-color:#fff; } .into-intro .bd{ opacity: 0; filter:alpha(opacity=0); } .into-intro .bd>div{ position: relative; } .into-intro dl{ width: 90%; position: absolute; padding:5%; left:8%; top:0; color:#fff; opacity:0; filter:alpha(opacity=0); } .into-intro dl .bran{ width: 25px; height: 5px; display: block; background-color: #fff; margin: 3% 0 4% } .into-intro .desc p{ font-size: 18px; } .into-intro .desc p.on{ color: #ffc753; } .into-intro a.more{ color:#fff; display: block; margin-top:5% } .into-intro .swiper-container{ display: none; } /**into-intro end**/ /**into-new begin**/ .into-new{ width: 1280px; margin:0 auto 100px; overflow: hidden; } .into-new dl { width: 30%; float: left; position: relative; transform: scale(0.7); -webkit-transform: scale(0.7); transition: all 1s ease 0.5s; -webkit-transition: all 1s ease 0.5s; opacity: 0; filter:alpha(opacity=0); } .into-new dl.on { opacity: 1; filter:alpha(opacity=100); transform: scale(1); -webkit-transform: scale(1); } .into-new dl:nth-child(2) { margin: 0 5%; } .into-new dl>a{ display: block; border: 1px solid #bfbfbf; } .into-new dl dt { overflow: hidden; height: 0; padding-bottom: 57%; } .into-new dl dt img { width: 100%; transition: all ease-in 0.5s; -webkit-transition: all ease-in 0.5s; } .into-new dl:hover dt img{ transform: scale(1.05); -webkit-transform: scale(1.05); } .into-new dd { padding: 30px 15px 15px; } .into-new dd .title { width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 20%; display: block; font-weight: bold; height: 26px; margin-bottom: 14px; position: relative; } .into-new dd .title em{ float: right; font-size: 16px; color:#ccc; font-weight: normal; position: absolute; right:0; top:-6px; } .into-new dd .title b{ font-size: 24px; color:#333; font-weight: normal; } .into-new dd p { color: #666; height: 3em; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; display: -webkit-box; margin-bottom: 20px; } .into-new dd .arrow { display: block; background: url(/uploads/image/uimg/arrow.png) no-repeat center; width: 26px; height: 15px; } .into-new a.more { display: block; width: 108px; margin: 30px auto 0; line-height: 30px; border: 1px solid #a5a5a5; text-align: center; position: relative; top:50px; opacity: 0; filter:alpha(opacity=0); } /**into-new end**/ @media only screen and ( max-width:1600px ) { .into-des>a>div{ padding-bottom: 450px; } .into-des>a>div>img{ height: 450px!important; } } @media only screen and ( max-width:1366px ) { .into-des>a>div{ padding-bottom: 400px; } .into-des>a>div>img{ height: 400px!important; } } @media only screen and ( max-width:1280px ) { /*.into-about{ width: 94%; padding:0 3%; margin-bottom: 6%; }*/ .into-about { width: 94%; margin:60px 3% 6%; } .into-des{ margin-bottom: 6%; } .into-base{ width: 94%; margin:0 3% 6%; } .into-intro{ width: 94%; margin:0 3% 6%; } .into-intro .hd{ margin-top:-90px; } .into-intro .hd li { width: 280px; line-height: 60px; height: 60px; } .into-intro .hd li.on { width: 300px; } .into-intro .hd em { width: 60px; } .into-new{ width: 94%; padding:0 3%; margin-bottom: 6%; } } @media only screen and ( max-width:1024px ) { .into-des>a>div{ padding-bottom: 350px; } .into-des>a>div>img{ height: 350px!important; } .into-des dl{ padding:25px 35px; } .into-new dd .title em{ top:0; } .into-base .right-text dt { padding-bottom: 2%; margin-bottom: 2%; } .into-base .right-text { padding: 2%; } .into-base .right-text .desc { margin-bottom: 3.5%; } .into-new dd .title b { font-size: 16px; } .into-intro .hd{ width: 100%; top:inherit; margin-top:inherit; bottom: 10px; right:inherit; text-align: center; } .into-intro .hd li{ width: 12px; height: 12px; display: inline-block; border-radius: 50%; margin:0 5px !important; border-bottom: 0 none; } .into-intro .hd li.on{ width: 12px; } .into-intro .bd>div>p{ position: absolute; left:50%; line-height: 32px; padding-right: 15px; transform: translate(-50%); bottom: 40px; color:#fff; background-color: #f0c262; } .into-intro .bd>div>p em{ width: 60px; display: inline-block; text-align: center; } } @media only screen and (max-width:970px) { .into-about .right-text p { height: 6em; -webkit-line-clamp: 4; } } @media only screen and (max-width:870px) { .into-des>a>div>img{ height: 260px!important; } .into-des>a>div{ padding-bottom: 260px; } .into-des dt { padding-bottom: 15px; margin-bottom: 15px; } .into-des dd .desc{ margin-bottom: 10px; font-size: 12px; } } @media only screen and ( max-width:767px ) { .fullslide .bd li .phone{ display:block; } .fullslide .bd li .pc{ display:none; } .kitchen-desc .h2-box p{ text-align: left; text-indent: 2em; } .into_des .into-history>img{ width: 680px!important; } .into-about .border{ display: none; } .into-about .left-img{ width: 100%; float: inherit; padding-bottom: 50%; } .into-des .into-history>img{ width: 680px!important; } .into-des .into-culture>img{ width: 319px!important; } .into-about .right-text{ position: initial; top:0; width: 90%; padding:5%; transform: inherit; } .into-about .right-text p{ height: auto; -webkit-line-clamp:inherit; } .into-des{ width: 94%; padding:0 3%; } .into-des dd .desc{ display: none; } .into-des>a>div{ width: 49%!important; padding-bottom: 43.5%; border-bottom: 0 none!important; margin-bottom: 0; } .into-history{ margin-bottom: 15px; } .into-des>a>div>img { width: 100%!important; height:300px!important; } .into-des dl{ padding:0; left:50%; top:50%; transform: translate(-50%,-50%); } .into-des dt { width: 80px; padding-bottom: 15px; margin-bottom: 15px; } .into-base{ display: block; position: relative; } .into-base .left-img{ width: 100%; padding-bottom: 45%; } .into-base .right-text{ position: absolute; width: auto; padding:0; left: 50%!important; top: 50%!important; color:#fff; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .into-base .right-text dt{ padding-bottom: 15px; margin-bottom: 15px; } .into-base .right-text .bran{ background-color: #fff; } .into-base .right-text a.more{ color:#fff; } .into-base .right-text em{ height: 45px; background: url(/uploads/image/uimg/into_icon_04.png) no-repeat left center; background-size: 30px; } .into-base .right-text em img{ display: none; } .into-base .right-text .desc{ display: none; } .into-base .right-text .desc p { height: auto; -webkit-line-clamp: auto; } .into-new dl{ width: 100%; display: none; } .into-new dl:nth-child(1) { display: block; } .into-new dd p{ color: #666; height: auto; -webkit-line-clamp:inherit; } .into-intro .bd>div,.into-intro .swiper-slide{ height: 240px; } .into-intro .bd>div img,.into-intro .swiper-slide>img{ height: 100%; } .into-intro dd{ padding-top:15px; } .piclist{ position: relative; } .enterprise .swiper-pagination{ position: absolute; bottom: 5%; width: 100%; z-index: 2; line-height: 15px; } .enterprise .swiper-pagination-bullet{ display: inline-block; width: 12px; height: 12px; border-radius: 50%; background-color: #fff; margin:0 5px; opacity: 1; } .enterprise .swiper-pagination-bullet-active{ background-color: #f01620; } .enterprise .bd li{ width: 100%; height: auto; } .enterprise .bd li:nth-child(2){ margin:0; } .enterprise .bd li dd p{ display: block; } .enterprise li dl{ width:90%; padding:5%; } .enterprise li dt img:nth-child(1){ display:block!important; } .enterprise li dt img:nth-child(2) { display: none!important; } .enterprise .bd li dd p{ font-size: 14px; } } @media only screen and ( max-width:500px ) { .into-des .into-history>img{ width: 680px!important; } .into-des .into-culture>img{ width: 191px!important; } .into-des>a>div{ padding-bottom: 180px; } .into-des>a>div>img { height:180px!important; } .into-base .right-text em img{ width: 30px; } .into-des .into-history .icon img{ width: 30px; } .into-des .into-culture .icon img{ width: 30px; } } /**走进江心页面 end **/ /**********************/ /**********************/ /**美味江心页面 begin **/ .decili-des{ width: 1280px; margin:0 auto 100px; padding-bottom: 100px; border-bottom: 1px solid #f4f4f4; text-align: center; overflow: hidden; } .decili-des p{ padding:0 10%; color:#666; line-height: 30px; position: relative; top:50px; opacity: 0; filter:alpha(opacity=0); } .decili-des .wx { padding-top:3.2%; transform: scale(1.2); -webkit-transform: scale(1.2); opacity: 0; filter:alpha(opacity=0); transition: all 0.8s ease 1.1s; -webkit-transition: all 0.8s ease 1.1s; } .decili-des .wx.on{ transform: scale(1); -webkit-transform: scale(1); opacity: 1; filter:alpha(opacity=100); } .decili-des .wx img{ border: 5px solid #eebb4e; } .decili-des .wx span{ display: block; padding-top:15px; } /**decili-content begin**/ .decili-content{ width: 1280px; margin:0 auto 100px } .decili-content dl{ margin-bottom: 80px; overflow: hidden; background-size: contain!important; opacity: 0; filter:alpha(opacity=0); } .decili-content dl:last-child{ margin-bottom: 0; border:0 none; } .decili-content dl:nth-child(odd){ background-position: right bottom!important; } .decili-content dl:nth-child(even){ background-position: left bottom!important; } .decili-content dl:nth-child(odd) dt,.decili-content dl:nth-child(even) dd{ float: left; position: relative; left:-50px; opacity: 0; filter:alpha(opacity=0); } .decili-content dl dt{ width: 57%; height: 0; overflow: hidden; padding-bottom: 38%; } .decili-content dd{ width: 31.25%; margin-top:5%; padding-bottom: 5%; } .decili-content dl:nth-child(even) dt,.decili-content dl:nth-child(odd) dd{ float: right; position: relative; right:-50px; opacity: 0; filter:alpha(opacity=0) } .decili-content dl:nth-child(odd) dd{ border-right: 2px solid #eebb4e; } .decili-content dl:nth-child(even) dd{ padding-left: 5%; border-left: 2px solid #eebb4e; } .decili-content dd .title{ margin-bottom: 5%; } .decili-content dd .title em{ color: #93b644; } .decili-content dd .title span{ color: #ddd; } .decili-content dd p{ width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color:#666; font-size: 16px!important; } @media only screen and (max-width:1280px) { .decili-des{ width: 94%; margin:0 3% 6%; padding-bottom: 6%; } .decili-content{ width: 94%; margin:0 3% 6%; } .decili-content dl{ margin-bottom: 4.5%; } } @media only screen and (max-width:650px) { .decili-des p{ padding:0; text-indent: 2em; text-align: left; } .decili-des .wx img { border-width: 3px; } .decili-content dd{ width: 36%; } } @media only screen and (max-width:500px) { .decili-content dl{ border-bottom: 1px dashed #eee; } .decili-content dl dt { width: 100%; padding-bottom: 50%; } .decili-content dd { width: 90%; margin-top:0; padding:5%!important; border:0 none!important; } } /**decili-content end**/ /**美味江心页面 end **/ /**********************/ /**********************/ /**合作伙伴页面 begin**/ /**coop-ditch begin**/ .coop-ditch{ width: 1280px; margin:0 auto 100px; } .coop-ditch .h2-box,.coop-ditch p{ opacity: 0; filter: alpha(opacity=0); } .coop-ditch p{ padding:0 10%; color:#666; line-height: 30px; text-align: center; position: relative; top:50px; } /**coop-ditch end**/ /**coop-policy-bg begin**/ .coop-policy-bg{ background-color: #f7f7f7; padding:100px 0; margin-bottom: 100px; } .coop-policy{ width: 1280px; margin:0 auto; overflow: hidden; } .coop-policy dl{ width: 29.8%; float: left; position: relative; opacity: 0; filter: alpha(opacity=0); } .coop-policy dl:nth-child(1){ left:-50px; } .coop-policy dl:nth-child(2){ margin:0 5.3%; top:-50px; } .coop-policy dl:nth-child(3){ right:-50px; } .coop-policy dt{ height: 0; overflow: hidden; padding-bottom: 78%; overflow: hidden; } .coop-policy dt img{ width: 100%; transition: all 1s ease; -webkit-transition: all 1s ease; } .coop-policy dl:hover dt>img { transform: scale(1.05); -webkit-transform: scale(1.05); } .coop-policy dd{ width: 100%; position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); color:#fff; text-align: center; } .coop-policy dd em{ display: block; } .coop-policy dd .bran{ display: block; margin:15px auto; width: 30px; height: 1px; background-color: #fff; transition: all 1s ease 0.4s; -webkit-transition: all 1s ease 0.4s; } .coop-policy dl:hover .bran{ width: 50px; } .coop-policy dd p{ font-size: 16px; } /**coop-policy-bg end**/ /**coop-apply begin**/ .coop-apply{ height: 0; overflow: hidden; padding-bottom: 38%; position: relative; background-size: cover!important; } .coop-apply .text{ width: 100%; position: absolute; top:50%; left:50%; transform:scale(0.5) translate(-50%,-50%); -webkit-transform:scale(0.5) translate(-50%,-50%); text-align: center; color:#fff; transition: all 1s ease 0.5s; opacity: 0; filter:alpha(opacity=0); transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%; } .coop-apply.on .text{ transform:scale(1) translate(-50%,-50%); -webkit-transform:scale(1) translate(-50%,-50%); opacity: 1; filter:alpha(opacity=100); transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%; } .coop-apply .text .fnt_56{ display: block; font-weight: bold; color:#d50212; } .coop-apply .text p{ padding:10px 15% 0; } .coop-apply .text .bran{ display: block; width: 23px; height: 3px; background-color: #f0c262; margin:40px auto 20px; transition: all 1s ease 1.5s; -webkit-transition: all 1s ease 1.5s; } .coop-apply.on .text .bran{ width: 45px; } .coop-apply .text .star{ display: block; margin:5px auto 20px; width: 56px; height: 12px; background: url(/uploads/image/uimg/star.png) repeat-x 0 0; } .coop-apply .text a{ display: inline-block; width: 108px; line-height: 30px; background-color: #f0c262; border: 0 none; color:#fff; } /**coop-apply end**/ /**coop-cooperation begin**/ .coop-cooperation{ width: 1280px; margin:0 auto 100px; position: relative; top:-50px; opacity: 0; filter:alpha(opacity=0); } .coop-content{ position: relative; } .coop-content .con{ display: none; } .coop-content .tempwrap{ width: 1280px; margin:0 auto; } .coop-content .wrapp ul{ width: 213px; overflow: hidden; float: left; zoom: 1; } .coop-content .wrapp ul li{ width: 96%; padding:3%; margin:2%; float: left; text-align: center; border: 1px solid #eaeaea; box-sizing: border-box; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; } .coop-content .wrapp ul li:hover{ box-shadow: 0 0 5px 1px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 5px 1px rgba(0,0,0,0.1); } /*.coop-content .wrapp ul li img{ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; } .coop-content .wrapp ul li:hover img{ filter: inherit; }*/ .coop-content .hd{ text-align: center; padding-top:30px; } .coop-content .hd li{ display: inline-block; width: 12px; height: 12px; border-radius: 50%; margin:0 5px; border:1px solid #eaeaea; color:transparent; cursor: pointer; } .coop-content .hd li.on{ background-color: #f01620; border-color:#f01620; } /**coop-cooperation end**/ @media only screen and (max-width:1400px) { .coop-content .tempwrap { width: 1103px; } .coop-content .wrapp ul{ width: 184px; } } @media only screen and (max-width:1280px) { .coop-ditch{ width: 94%; margin:0 3% 6%; } .coop-ditch p{ padding:0; } .coop-policy-bg{ padding:6% 0; margin-bottom: 6%; } .coop-policy{ width: 94%; padding:0 3%; } .coop-cooperation{ width: 94%; margin:0 3% 6%; } .coop-content .tempwrap { width: 902px; } .coop-content .wrapp ul{ width: 150px; } .coop-apply .text{ width: 100%; } } @media only screen and (max-width:1024px) { .coop-content .tempwrap { width: 842px; } .coop-content .wrapp ul{ width: 140px; } .coop-apply .text .bran { margin: 15px auto 15px; } .coop-ditch p{ text-indent: 2em; text-align: left; } } @media only screen and (max-width:960px) { .coop-content .tempwrap { width: 661px; } .coop-content .wrapp ul{ width: 110px; } } @media only screen and (max-width:767px) { .coop-policy dl{ width: 49%; margin-bottom: 2%; } .coop-policy dl:nth-child(even) { margin: 0 0 2% 2%; } .coop-policy dd p{ font-size: 14px; } .coop-content .tempwrap { width: 551px; } .coop-content .wrapp ul{ width: 138px; } .coop-apply .text .bran,.coop-apply .text em,.coop-apply .text .star{ display: none; } .coop-apply .text p{ padding:15px 3%; } .into-intro>.hd,.into-intro .pc_bd{ display: none; } .into-intro .swiper-container{ display: block; } .into-intro .swiper-pagination-bullet{ width: 12px; height: 12px; background-color: #fff; opacity: 1; } .into-intro .swiper-pagination-bullet-active{ background-color: #f0c262; } .into-intro dl{ opacity: 1; left: 0; } } @media only screen and (max-width:650px) { .coop-content .tempwrap { width: 420px; } .coop-content .wrapp ul{ width: 105px; } } @media only screen and (max-width:500px) { .coop-policy dl{ width: 100%; margin:0 0 2%!important; } /*.coop-policy dt { padding-bottom: 40%; }*/ .coop-policy dd .bran { margin: 10px auto; } .coop-apply{ padding-bottom: 50%; } .coop-apply .text p{ padding:5px 3% 10px; } .coop-content .hd { padding-top: 20px; } .into-intro .bd>div { height: 200px; } .into-intro .desc p ,.into-intro .desc p span{ font-size: 14px!important; } .into-intro .desc p{ } .into-intro .desc .clone{ display: block; } .into-intro dd { padding-top: 5px; } .into-intro dl .bran{ margin-bottom: 0; } .into-intro dt span{ font-size: 18px; line-height: 20px; } .into-intro a.more { margin-top: 3%; } .into-about{ margin-top:84px; } } @media only screen and (max-width:400px) { .into-intro .bd>div { height: 180px; } .coop-apply { padding-bottom: 70%; } .enterprise li dl { width: 94%; padding: 3%; } .enterprise .bd li dd p{ font-size: 12px; } .into-base .left-img { padding-bottom: 50%; } } /**合作伙伴页面 end **/ /**********************/ /**********************/ /**联系我们页面 begin**/ /****/ #allmap{ width: 1280px; height: 500px; } /**联系我们页面 end **/ /**********************/