/*补充*/ .ban {height: 180px;background: url(../images/ban.jpg) center top no-repeat;} #nav-position { border: 1px solid #ddd;padding: 3px 10px;margin-top: -14px;background: #fff;line-height: 40px;} #main-box {margin-top: 20px; } .submenu-box {border: 1px solid #ddd;background: #fff; } /*框颜色*/ .submenu-box h1 {font-size: 16px;background: #88cddc;padding: 8px 12px;color: white; } .submenu-box ul {padding: 5px 12px 20px;} .submenu-box li {border-bottom: 1px dashed #ddd;} .submenu-box li a {display: block;background: url(../images/submenu-li-bg.jpg) left center no-repeat;padding-left: 5px;line-height: 45px;transition: all 0.5s;} .submenu-box li a:hover {background: url(../images/submenu-li-bg.jpg) 10px center no-repeat #f7f7f7;padding-left: 22px;} .submenu-box li a span {float: right;} #main-con {background: #fff;min-height: 400px;padding: 10px 20px;box-shadow: 3px 5px 10px rgba(0,0,0,.1);border:1px solid #ddd;line-height: 2;} #main-con img {max-width: 100%;} .left-lianxi {border:1px solid #ddd; background-color: #ffffff;} /*框颜色*/ .left-lianxi h1 {font-size: 16px;background: #88cddc;padding: 8px 12px;color: white;} .left-lianxi li span {display: inline-block;text-align: center;width: 20px;color: #ccc;} .left-lianxi ul {padding: 10px;line-height: 2;} .margin-top50 {margin-top: 50px;} .margin-top10 {margin-top: 10px;} @media only screen and (min-width: 320px) and (max-width: 640px) { .swiper-button-next, .swiper-button-prev{display:none;} .banner .pic li img{height:160px !important;width:100%} .logobox button{display:inline-block; cursor:pointer;} #nav ul .submenu li{padding:0;} #nav{position:absolute; top:80px; width:100%; left:0; background:#1857a4; display:none; z-index:999;height:auto;} #nav ul>li{width:100%;line-height:25px;height:auto;border:none;} #nav ul>li>a{color:#fff;font-size:16px;font-weight:normal;} #nav ul li a{line-height:30px;padding:5px 0;} #nav ul li a:hover,#nav ul li a:active,#nav ul li a.current{background:#D82727;color:#FFF;border-bottom:none;} .logobox{height:80px;} .logo,.product{margin-top:20px;} .product,.advantage{padding-left:15px;padding-right:15px;} .product .product-left{width:100%;} .product .product-left h3{background:#1857A4;height:40px;line-height:40px;} .product-right ul li span img,.plant .plant-cont li span img{height:160px;} .adva-cont .adva-center{background:none;width:100%;} .adva-cont .adva-center ul li{width:100%;} .service ul{background:none;} .service ul li{margin-top:10px;} #main-con {margin-top: 10px;min-height: auto;} } /*补充结束*/ /*公用样式部分*/ html {width: 100%;overflow-x: hidden;} body {line-height: 2;background: #fff;color: #333;} .layui-container {width:1230px;} .text-white,.text-white a,.text-white a:hover {color: #fff!important;} .text-red,.text-red a,.text-red a:hover {color: #c00!important;} .undisplay {display: none;} .margin-top10 {margin-top: 10px!important;} .margin-top15 {margin-top: 15px!important;} .margin-top20 {margin-top: 20px!important;} .margin-top30 {margin-top: 30px!important;} .margin-top40 {margin-top: 40px!important;} .margin-top50 {margin-top: 50px!important;} .margin-top60 {margin-top: 60px!important;} .margin-center {margin-left: auto;margin-right: auto;} .line-height {line-height: normal;} .layui-container:after {content: '';display: block;clear: both;} #menu-btn {display: inline-block;float: right;width: 30px;height: 30px;border:1px solid #ccc;border-radius: 4px;text-align: center;color: #999;background: #fff;margin-top: 10px;} /*本项目首页样式部分*/ /*top*/ #top{width:100%;height:700px;position: relative;} .banner-box .bd li {height: 700px;} .banner-box {position: relative;} .banner-box .hd {position: absolute;z-index: 1;left: 0;right: 0;bottom: 10px;text-align: center;} .banner-box .hd li {display: inline-block;width:30px;height:3px;border-radius:5px;background:#fff;overflow: hidden;text-indent: 10em;margin: 0px 5px;} .banner-box .hd li.on {background:#d70b14;} .main{width:100%;position: absolute;top:30px;} .logo-phone .logo-box .logo-body{margin-top:30px;} .logo-phone .dianhua-box{margin-top:10px!important;} .logo-phone .dianhua-box .phone-img{margin-top:10px;} .logo-phone .dianhua-box .number{margin-left:90px;} .logo-phone .dianhua-box .number p{font-size:18px;color:#161616;line-height: 18px;margin-bottom: 5px;} #nav-box{width:100%;height:70px;margin-top:20px;} #nav-box ul{width:100%} #nav-box ul li{float:left;width:12.5%;text-align: center;position:relative;height:70px;} #nav-box ul li:nth-of-type(1){background:url(../images/nav1.png) center center no-repeat;height:70px;} #nav-box ul li:nth-of-type(2){background:url(../images/nav2.png) center center no-repeat;height:70px;} #nav-box ul li:nth-of-type(3){background:url(../images/nav3.png) center center no-repeat;height:70px;} #nav-box ul li:nth-of-type(4){background:url(../images/nav4.png) center center no-repeat;height:70px;} #nav-box ul li:nth-of-type(5){background:url(../images/nav5.png) center center no-repeat;height:70px;} #nav-box ul li:nth-of-type(6){background:url(../images/nav6.png) center center no-repeat;height:70px;} #nav-box ul li:nth-of-type(7){background:url(../images/nav7.png) center center no-repeat;height:70px;} #nav-box ul li:nth-of-type(8){background:url(../images/nav8.png) center center no-repeat;height:70px;} #nav-box ul li a{display:block;line-height:70px;font-size:16px;color:#fff;} #nav-box .submenu{position:absolute;display:none;width:100%;z-index:99;background:#e7c55e;} #nav-box .submenu li{height:20px;line-height:20px;width:100%;padding:6px 0;text-align: center;background:none;} #nav-box .submenu li a{color:#FFF;font-size:12px;line-height:70px} .wrapper{background:url(../images/main-bj1.jpg) center center no-repeat;background-size:cover;height:auto;padding-top:60px;box-sizing: border-box;} /*.wrapper-main{background:url(../images/main-bj1.jpg) center center no-repeat;background-size:cover;height:auto;padding-top:60px;box-sizing: border-box;}*/ .bbzx{background:url(../images/zaixian-bj2.png) top center no-repeat;height:540px;padding:0 17px;padding-top:50px;box-sizing: border-box;} .index-title{text-align: center;} .index-title b{padding:8px 32px;border:3px dashed #ff0837;border-radius:50px;font-size:32px;color:#ff0837;} /*宝宝在线*/ .bbzx-body{position: relative;margin-top:35px;} .bbzx-body .bd li {float: left;width:25%;} .bbzx-body .bd li div.bbzx-item {margin: 0px 12px;background:#fff;padding:8px 8px 25px 8px;box-sizing: border-box;border-radius:20px;} .bbzx-body a {display: block;text-align: center;height:auto;} .bbzx-body a span{display:block;height:162px;border-radius:20px;overflow: hidden;background:#fff;width:100%;} .bbzx-body a img{height:100%;width:100%;margin:auto;border-radius:20px;} .bbzx-body a p{font-size:16px;line-height:16px;color:#4e4e4e;text-align: center;margin-top:20px;} .bbzx-body a:hover p{color:#f7a900;} .bbzx-body .hd {position: absolute;z-index: 1;left: 0;right: 0;top: 264px;text-align: center;} .bbzx-body .hd li {display: inline-block;width: 35px; height: 4px;overflow: hidden;text-indent: 10em;background: #fff;margin: 0px 6px;} .bbzx-body .hd li.on {background:rgba(255,255,255,.5);} /*shuxian*/ .shuxian{width:940px;height:60px;border:12px solid #1aa0f1;border-top:none;border-bottom:none;margin:0 auto;} .shuxian2{width:940px;height:60px;border:12px solid #3eb93b;border-top:none;border-bottom:none;margin:0 auto;} .shuxian3{width:940px;height:60px;border:12px solid #f7a900;border-top:none;border-bottom:none;margin:0 auto;} .shuxian4{width:940px;height:60px;border:12px solid #04b8b6;border-top:none;border-bottom:none;margin:0 auto;} /*魅力葡京官网1495*/ .mlha{background:url(../images/meili-bj2.png) top center no-repeat;height:540px;padding:0 44px;padding-top:50px;box-sizing: border-box;} .mlha-box .mlha-body{margin-top:45px;} .mlha-box .mlha-body .about-text{width:382px;float:left;} .mlha-body .about-text h3{font-size:24px;color:#fff;line-height: 24px;} .mlha-body .about-text p{font-size:14px;color:#fff;line-height: 32px;margin-top:15px;margin-bottom: 30px;} .mlha-body .about-text .more{padding:13px 25px;background:#0f8ad4;font-size:16px;color:#fff;border-radius:50px;} .mlha-body .about-img{float:right;background:url(../images/about-kuang.png) no-repeat;width:452px;height:326px;background:#fed519;border-radius:20px;padding:5px;box-sizing: border-box;position: relative;} .mlha-body .about-img span{display:block;height:316px;overflow: hidden;border-radius:20px;} .mlha-body .about-img span>img{width:100%;height:100%;display:block;border-radius:20px;} .mlha-body .about-img .ren{position: absolute;left:-191px;top:15px;} /*风采展示*/ .ydfc{background:#3eb93b;height:auto;border-radius: 100px;padding:50px 44px;box-sizing: border-box;} .ydfc ul{margin-top:30px;} .ydfc ul .ydfc-item{margin-top:10px;} .ydfc ul .ydfc-item a{display:block;} .ydfc ul .ydfc-item a:hover p{color:#f7a900;} .ydfc ul .ydfc-item a span{display:block;height:auto;background:#fff;border-radius:8px;padding:5px;box-sizing: border-box;} .ydfc ul .ydfc-item a span b{display:block;border-radius:8px;height:188px;overflow: hidden;} .ydfc ul .ydfc-item a span b>img{width:100%;height:100%;margin:auto;border-radius:8px;} .ydfc ul .ydfc-item a p{font-size:16px;color:#fff;text-align: center;margin-top:10px;} .ydfc-box .more{display:block;font-size:14px;color:#fff;text-align: center;margin-top:10px;} /*葡京官网1495视频、每周食谱*/ .shipin-shipu{background:#f7a900;height:540px;border-radius: 100px;padding:40px 28px;box-sizing: border-box;} .shipin-box{width:605px;float:left;} .shipin-box .shipin-title{background:url(../images/shipin-ico.png) left center no-repeat;height:52px;padding-left:94px;} .shipin-box .shipin-title b{font-size:24px;color:#fff;line-height: 52px;} .shipin-shipu .shipin{position: relative;background:#fff;border-radius:20px;padding:10px;box-sizing: border-box;height:auto;overflow: hidden;margin-top:30px;} .shipin-shipu .shipin span{display:block;width:585px;height:303px;overflow: hidden;border-radius:20px;} #videoControls {position: absolute;top:10px;left:10px;width:585px;height:303px;background:rgba(0,0,0,.3);border-radius:20px;} #play {background: url(../images/bofang-btn.png) no-repeat;width: 57px;height: 57px;border: none;position: absolute;top:50%;margin-top:-29px;left:50%;margin-top:-29px;} .shipin-shipu p{font-size:16px;color:#4b4b4b;text-align: center;margin-top:10px;} .shipu-box{float:right;width:504px;} .shipu-box .shipu-title{background:url(../images/shipu-ico.png) left center no-repeat;height:52px;padding-left:83px;} .shipu-box .shipu-title b{font-size:24px;color:#fff;line-height: 52px;} .shipu-box .shipu-title span{float:right;font-size:18px;color:#fff;padding-right:10px;} .shipu-box .shipu{margin-top:4px;} .shipu-box .shipu li .shipu-lf{background:#ffc64c;border-radius:20px 0 0 20px;height:104px;} .shipu-box .shipu li .shipu-lf h3{display:block;line-height: 104px;font-size:24px;color:#fff;text-align: center;} .shipu-box .shipu li .shipu-rt{background:#fff;border-radius:0 20px 20px 0;height:104px;line-height: 104px;font-size:16px;color:#4b4b4b;padding-left:58px;} .shipu-box .shipu li{margin-top:26px;} /*最新动态*/ .news{background:#04b8b6;height:540px;border-radius: 100px;padding:40px 28px;box-sizing: border-box;} .news-box ul{margin-top:20px;} .news-box ul li .news-item{background:#07b1af;height:auto;} .news-box ul li .news-item span{height:213px;overflow: hidden;} .news-box ul li .news-item:hover{background:#05a6a4;} .news-box ul li .news-item span>img{width:100%;height:100%;margin:auto;} .news-box ul li .news-item span>img:hover{cursor: pointer;} .news-box ul li .news-item .news-text{padding:15px 14px;box-sizing: border-box;} .news-box ul li .news-item .news-text h3 a{font-size:16px;color:#fff;line-height: 16px;} .news-box ul li .news-item .news-text h3 a:hover{color:#f7a900;} .news-box ul li .news-item .news-text p{font-size:14px;color:#fff;line-height: 20px;} .news-box ul li .news-item .news-text b{font-size:16px;color:#fff;line-height: 18px;} .news-box .more{display:block;font-size:14px;color:#fff;text-align: center;margin-top:10px;} /*footer*/ .footer{padding:0 15px;padding-top:60px;padding-bottom: 160px;background:url(../images/main-bj2.jpg) center center no-repeat;background-size:cover;} .footer .footer-nav{display:block;text-align: center;margin-bottom: 15px;} .footer .footer-nav a{font-size:16px;color:#1e1e1e!important;} .footer .layui-breadcrumb span[lay-separator] {margin: 0 18px!important;color: #1e1e1e!important;} .footer p{font-size:16px;color:#565656;text-align:center;line-height: 35px;} .footer p b{font-weight:normal;padding-left:30px;} .footer p span{padding-left:5px;} .footer .erweima{background:url(../images/erweima-bj.png) top center no-repeat;height:183px;width:153px;margin:0 auto;margin-top:15px;position: relative;} .footer .erweima span{display:block;background:url(../images/erweima-bj2.png) no-repeat;width:123px;height:123px;text-align: center;position: absolute;left:50%;margin-left:-61px;margin-top:50px;overflow: hidden;border-radius:20px;} .footer .erweima span b{display:block;height:123px;width:123px;overflow:hidden;padding:14px;box-sizing: border-box;} .footer .erweima span b>img{width:100%;height:100%;} @media only screen and (min-width: 320px) and (max-width: 640px) { .layui-container {width: auto!important;} #nav-box {padding-left: 0;padding-right: 0;background: #04b8b6;} #nav-box .layui-container {padding-left: 0; padding-right: 0;} #nav-box {position:absolute; top:60px;height:270px; width:100%; left:0; display:none; z-index:20;} #nav-box ul>li{width:100%;} #nav-box ul>li>a{color:#fff;} #nav-box ul li a{line-height:34px;font-weight: normal;font-size: 14px;} #nav-box ul li a:hover,#nav-box ul li a:active,#nav-box ul li a.current{background:#333;} #top{height:260px;} .banner-box .bd li{height:260px;} .main{top:15px;} #nav-box{margin-top:0px;} #nav-box ul li:nth-of-type(1){background:none;height:34px;} #nav-box ul li:nth-of-type(2){background:none;height:34px;} #nav-box ul li:nth-of-type(3){background:none;height:34px;} #nav-box ul li:nth-of-type(4){background:none;height:34px;} #nav-box ul li:nth-of-type(5){background:none;height:34px;} #nav-box ul li:nth-of-type(6){background:none;height:34px;} #nav-box ul li:nth-of-type(7){background:none;height:34px;} #nav-box ul li:nth-of-type(8){background:none;height:34px;} .wrapper{padding-top:30px;} .bbzx{width:100%;background:#fee101;height:auto;padding-top:15px;padding-bottom: 15px;} .bbzx-body{margin-top:20px;} .bbzx-body .bd li{width:100%;} .mlha{padding:15px;height:auto;background:#1aa0f1;} .mlha-box .mlha-body{margin-top:20px;} .mlha-box .mlha-body .about-text{width:100%;float:none;} .mlha-body .about-text p{line-height: 20px;margin-bottom: 15px;} .ydfc{border-radius:0px;padding:15px;} .ydfc ul{margin-top:20px;} .ydfc ul .ydfc-item a span b{height:2rem;} .shipin-shipu{padding:15px;border-radius:0px;height:auto;} .shipu-box{width:100%;float:none;} .shipu-box .shipu li{margin-top:10px;} .shipu-box .shipu li .shipu-lf{height:60px;} .shipu-box .shipu li .shipu-lf a{line-height: 60px;} .shipu-box .shipu li .shipu-lf h3{line-height:60px;} .shipu-box .shipu li .shipu-rt{height:60px;line-height: 60px;} .news{border-radius:0px;height:auto;padding:15px;} .footer{padding-top:20px;padding-bottom: 50px;} .footer p{font-size:14px;line-height: 20px;} .footer p b{padding-left:10px;} }