|
@@ -28,7 +28,7 @@ a {font-size:16px}
|
|
|
.icon-language img{width: 100%;}
|
|
|
.nav-top-bar-box{ margin-bottom: 15px;}
|
|
|
.nav-top-bar{width: 1080px;height: 50px;line-height: 50px; margin:0 auto;text-align: center;z-index: 10;}
|
|
|
-.nav-top-bar>a{display: inline-block;width: 257px;margin:0; position: relative;cursor:pointer;color: #727171;}
|
|
|
+.nav-top-bar>a{display: inline-block;width: 210px;margin:0; position: relative;cursor:pointer;color: #727171;}
|
|
|
.nav-top-bar>a:link{text-decoration:none;}
|
|
|
.nav-top-bar>a:hover{background-color: #9E9E9F;color: #fff;}
|
|
|
.nav-top-bar>a.active{background-color: #9E9E9F;color: #fff;}
|
|
@@ -58,7 +58,7 @@ _background:url(images/banner-btn-ie6.png) 0 0 no-repeat;
|
|
|
|
|
|
.swiper-slide{overflow: hidden;}
|
|
|
.swiper-slide>img{height: 100%;}
|
|
|
-.content-list{margin: 40px 0 20px 0;}
|
|
|
+.content-list{margin: 10px 0 20px 0;}
|
|
|
.content-list>div{margin: 0 auto;width: 100%;}
|
|
|
.content-list>div:first-child{margin-top: 5px;}
|
|
|
.content-list>div img{width: 100%;}
|
|
@@ -66,7 +66,7 @@ _background:url(images/banner-btn-ie6.png) 0 0 no-repeat;
|
|
|
.footer-box{margin: 0 auto;position: relative;background-color: #f9f7f5;}
|
|
|
.footer-bottom{text-align: center;padding: 24px 0 24px 0;width: 100%;margin: 0 auto;border-top: 1px solid #ccc\9; border-top: 1px solid rgba(0,0,0,.1);color: #727171;}
|
|
|
.footer-bottom a{font-size: 14px;color: #727171;}
|
|
|
-.footer-list{width: 1080px;text-align: center;margin:0 auto;height: 175px;padding: 40px 0;}
|
|
|
+.footer-list{width: 1080px;text-align: center;margin:0 auto;height: 200px;padding: 40px 0;}
|
|
|
.footer-list>li{width: 240px;float: left;margin-left: 50px;}
|
|
|
.footer-list>li:first-child{width: 200px;}
|
|
|
.footer-list>li:last-child{width: 460px;}
|
|
@@ -86,11 +86,11 @@ _background:url(images/banner-btn-ie6.png) 0 0 no-repeat;
|
|
|
.swiper-pagination-bullet-active{background-color: #fff;}
|
|
|
.show_wechat{position: absolute;z-index: 10;left: 72%;text-align: center; top: 20px;background-color: #fff;box-shadow: 3px 5px 5px 5px #999;display: none;padding: 10px;}
|
|
|
.show_wechat img{width: 100%;}
|
|
|
-.menu-list-1,.menu-list-3,.menu-list-4{position: absolute;top: 143px; left: 0;right: 0;bottom: 0; background-color: rgba(0,0,0,.7);z-index: 2;display: none;height: 150%;background: #fff\9;height: 210px\9;}
|
|
|
-.menu-list-1>div,.menu-list-3>div,.menu-list-4>div{background-color: #fff;position: relative;}
|
|
|
-.menu-list-1>div:after,.menu-list-3>div:after,.menu-list-4>div:after{position: absolute;content: '';left: 0;top: 0;right: 0; width: 100%;height: 1px;background-color: #ccc;-webkit-transform: scaleY(.5);}
|
|
|
+.menu-list-1,.menu-list-2,.menu-list-3,.menu-list-4,.menu-list-5{position: absolute;top: 143px; left: 0;right: 0;bottom: 0; background-color: rgba(0,0,0,.7);z-index: 2;display: none;height: 150%;background: #fff\9;height: 210px\9;}
|
|
|
+.menu-list-1>div,.menu-list-2>div,.menu-list-3>div,.menu-list-4>div,.menu-list-5>div{background-color: #fff;position: relative;}
|
|
|
+.menu-list-1>div:after,.menu-list-2>div:after,.menu-list-3>div:after,.menu-list-4>div:after,.menu-list-5>div:after{position: absolute;content: '';left: 0;top: 0;right: 0; width: 100%;height: 1px;background-color: #ccc;-webkit-transform: scaleY(.5);}
|
|
|
.list-cell{width: 1085px;margin: 0 auto;background-color: #fff;text-align: center;}
|
|
|
-.list-cell >a{position: relative;cursor: pointer; height: 150px;display: inline-block;width: 257px;overflow: hidden;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 32px solid transparent;border-bottom: 25px solid transparent;}
|
|
|
+.list-cell >a{position: relative;cursor: pointer; height: 150px;display: inline-block;width: 240px;overflow: hidden;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 32px solid transparent;border-bottom: 25px solid transparent;}
|
|
|
.list-cell >a img{width: 100%;height: 100%;}
|
|
|
.list-cell >a:after{content: '';position: absolute;left: 0;top: 0;right: 0;width: 100%;height: 100%;background-color: rgba(158,158,159,.4);}
|
|
|
.list-cell >a:hover{background-color: transparent;}
|
|
@@ -105,6 +105,18 @@ _background:url(images/banner-btn-ie6.png) 0 0 no-repeat;
|
|
|
.brands-content img{display: block;width: 100%;}
|
|
|
.brands-content-tit{font-size: 38px;color: #9b9b9c;padding: 0 17px;position: relative;}
|
|
|
.brands-content-tit1{font-size: 25px;color: #9b9b9c;padding:0 7px;position: relative;}
|
|
|
+.idex-title{position: relative;font-size: 26px;margin: 45px auto 35px auto;width: 150px;text-align: center;padding: 10px 0;}
|
|
|
+.idex-title:after{content: '';position: absolute;width: 30%;left: 35%;bottom: 0;height: 2px;background: #b7b7b7;}
|
|
|
+.index-list{max-width: 1500px;width: 100%;display: table;margin: 0 auto;}
|
|
|
+.index-list>li{display: table-cell;width: 33%;vertical-align: middle;text-align: center;}
|
|
|
+.index-list>li a{background-color: #f9f9f7;position: relative;display: inline-block;width: 420px;height: 420px;padding: 50px 0 40px 0;}
|
|
|
+.index-list>li a.active{box-shadow: 0px 6px 8px 6px #efefee;}
|
|
|
+.index-list>li img{width: 75%;display: block;margin: 0 auto;-webkit-transform: scale(.95);transform: scale(.95);}
|
|
|
+.index-list>li a.active img{-webkit-transform: scale(1);transform: scale(1);}
|
|
|
+.index-list>li a .tit{font-size: 24px;position: absolute;bottom: 70px;width: 100%;left: 0;}
|
|
|
+.index-list>li a .tip{position: absolute;bottom: 40px;width: 100%;left: 0;color: #727171;}
|
|
|
+.index-next{max-width: 1420px;width: 95%;margin: 0 auto 100px auto;}
|
|
|
+.index-next img{width: 100%;}
|
|
|
|
|
|
.pregnancy-content{width: 1100px;margin:0 auto;position: relative;padding:0;}
|
|
|
.pregnancy-content>div{display: table;}
|
|
@@ -188,10 +200,10 @@ _background:url(images/banner-btn-ie6.png) 0 0 no-repeat;
|
|
|
.banBox .timeBox{position: absolute;bottom: 0px;left: 0px;height: 150px;width: 100%;white-space: nowrap;overflow-y: hidden;z-index: 9;}
|
|
|
.banBox .timeBox .row{width:100%;height:85px; position: absolute;left:0px;bottom:0px;max-width: 1500px;display: block;}
|
|
|
.banBox .timeBox .row .line{height: 11px;line-height: 11px;border-bottom: 1px solid #fff;font-size: 0px;margin-bottom: 11px;width: 100%; max-width:1500px;opacity: 0.5;filter:alpha(opacity=50);display: block;}
|
|
|
-.banBox .timeBox .row .iconBox{position: absolute;top:0px;padding:0 5%; width: 90%;display: block;}
|
|
|
+.banBox .timeBox .row .iconBox{position: absolute;top:0px;padding:0 5%; width: 90%;display: block;cursor: pointer;}
|
|
|
.banBox .timeBox .row .iconBox li{float: left;font-size: 0px;position: relative;display: inline-block;width: 12.5%;}
|
|
|
.banBox .timeBox .row .iconBox li div{display: inline-block;margin: 0;padding: 0;}
|
|
|
-.banBox .timeBox .row .iconBox .time_icon{ width: 24px;height:24px;display:inline-block; opacity: 1;filter:alpha(opacity=100);margin-right:10px;cursor: pointer;background: url(http://s.iamberry.com/aiberle/www/zh-cn/images/c_develop_icon_part.png) left top no-repeat;background: url(http://s.iamberry.com/aiberle/www/zh-cn/images/c_develop_icon_part_ie8.png) left top no-repeat\9; background-size: 200% 100%;;}
|
|
|
+.banBox .timeBox .row .iconBox .time_icon{ width: 24px;height:24px;display:inline-block; opacity: 1;filter:alpha(opacity=100);margin-right:10px;background: url(http://s.iamberry.com/aiberle/www/zh-cn/images/c_develop_icon_part.png) left top no-repeat;background: url(http://s.iamberry.com/aiberle/www/zh-cn/images/c_develop_icon_part_ie8.png) left top no-repeat\9; background-size: 200% 100%;;}
|
|
|
.banBox .timeBox .row .iconBox li.cur .time_icon{background-position: -25px 0px;background-position: -26px 0px\9;}
|
|
|
.banBox .timeBox .row .iconBox i{height:12px;display: inline-block;border-left: 1px solid #fff;position: relative;top: 0;margin-right:0;padding: 0 5px; opacity: 0.5;filter:alpha(opacity=50);}
|
|
|
.banBox .timeBox .row .iconBox i.as{border-color: #a88747; opacity: 1;filter:alpha(opacity=100);}
|
|
@@ -206,7 +218,7 @@ _background:url(images/banner-btn-ie6.png) 0 0 no-repeat;
|
|
|
.banBox .timeBox .mon{position: relative;}
|
|
|
.banBox .timeBox .mon span{display: none;position: absolute;font-size:12px;color:#a88747;}
|
|
|
.banBox .timeBox .mon span.cur{display:inline-block;top:25px;}
|
|
|
-.my-slide{position: absolute;width: 680px;left: 350px;top:150px;display: none;}
|
|
|
+.my-slide{position: absolute;width: 680px;left:50%;margin-left: -340px;top:50%; margin-top:-150px;display: none;}
|
|
|
.linear-in{-webkit-animation: right_in .5s linear 0s;animation: right_in .5s linear 0s;}
|
|
|
@-webkit-keyframes right_in {0% {opacity: 0;}100% {opacity: 1;}}
|
|
|
@keyframes right_in {0% {opacity: 0;}100% {opacity: 1;}}
|
|
@@ -310,4 +322,12 @@ ul.pagination li a.active{background-color: #ccc;color: #fff;}
|
|
|
height: 480px;
|
|
|
background-color: #f8f6f4;
|
|
|
}
|
|
|
-}
|
|
|
+}
|
|
|
+@media (min-width:1280px) and (max-width:1490px){
|
|
|
+ .index-list>li a{width: 320px;height: 320px;padding: 50px 0 40px 0;}
|
|
|
+}
|
|
|
+@media (min-width:480px) and (max-width:1279px){
|
|
|
+ .index-list>li a{width: 280px;height: 280px;padding: 25px 0 20px 0;}
|
|
|
+ .index-list>li a .tit{font-size: 18px;bottom: 45px;}
|
|
|
+ .index-list>li a .tip{bottom: 20px;font-size: 12px;}
|
|
|
+}
|