body { background: #f6f6f6; } .container { padding: 0; } .row { margin: 0; } .banner_box { margin-top: 80px; } .banner_box img { width: 100%; } .mianbao p { font-size: 16px; color: #565656; margin: 30px 15px; } #outer { width: 100%; } #tab { overflow: hidden; zoom: 1; background: #fff; border: 1px solid #ebebeb; } #tab li { float: left; color: #565656; width: 20%; height: 80px; line-height: 80px; text-align: center; border-right: 1px solid #ebebeb; cursor: pointer; } #tab li.current { border-bottom: 2px solid #c06f44; } #tab li.current a { color: #c06f44; } #tab li:last-child { border-right: 0; } #content { border: 1px solid #ebebeb; border-top-width: 0; margin-top: 20px; background: #fff; margin-bottom: 60px; } #content ul { line-height: 25px; } #content .row { margin: 0; } #content h2 { font-size: 34px; color: #000; padding: 25px 0; text-align: center; border-bottom: 1px solid #ebebeb; } .text1 { padding: 40px 45px 0; overflow: hidden; } .text1 img { width: 100%; } .text1 .right h3 { color: #565656; line-height: 28px; font-size: 28px; border-left: 6px solid #df8555; padding-left: 13px; } .text1 .right { border-top: 2px solid #f2cdb9; border-bottom: 2px solid #f2cdb9; /*padding: 60px 15px 0;*/ margin-left: 20px; display: table; position: relative; } .text1 .right p { font-size: 18px; color: #565656; line-height: 27px; margin-top: 10px; padding-right: 10px; } .text1 .right:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .text1 .right .centered { display:inline-table; vertical-align: middle; width: 100%; position: absolute; top: 50%; } .text1 .lenght img { margin-bottom: 10px; } .text1 .lenght img:last-child, .text1 .lenght p:last-child { margin: 0; } .text1 .lenght p { margin-bottom: 40px; } .text1 .list { margin-bottom: 90px; clear: both; overflow: hidden; } @media (min-width: 1200px) { .right { width: 31%; } } /*离岛*/ /*.lidao .right_lidao {*/ /*padding: 60px 0 0;*/ /*}*/ .lidao img { margin-bottom: 6px; } .lidao img:last-child { margin-bottom: 0; } .lidao p { margin-bottom: 15px; } .lidao p:last-child{ margin-bottom: 0; } /*海外*/ /*.haiwai .right_lidao {*/ /*padding: 75px 0 0;*/ /*}*/ /*品牌*/ .text2 { padding: 40px 45px 0; overflow: hidden; } .text2 h3 { position: relative; color: #000; font-size: 34px; padding: 16px 20px 0 80px; height: 60px; line-height: 30px; cursor: pointer; width: 98%; margin: 0 auto; } .xiangshui { background: url(../images/yewulingyu/xiangshui.png) no-repeat left center; } .huazhuangpin { background: url(../images/yewulingyu/hufu.png) no-repeat left center; } .shoubiao { background: url(../images/yewulingyu/shoubiao.png) no-repeat left center; } .shoushi { background: url(../images/yewulingyu/xianglian.png) no-repeat left center; } .lvxing { background: url(../images/yewulingyu/lvxinbg.png) no-repeat left center; } .juanfa { background: url(../images/yewulingyu/juanfa.png) no-repeat left center; } .yanjing { background: url(../images/yewulingyu/yanjing.png) no-repeat left center; } .wanju { background: url(../images/yewulingyu/wanju.png) no-repeat left center; } .jiadian { background: url(../images/yewulingyu/jiadian.png) no-repeat left center; } .jiushui { background: url(../images/yewulingyu/jiushui.png) no-repeat left center; } .text2 .guochan { background: url(../images/yewulingyu/huaping.png) no-repeat left center; height: 65px; } .text2 .weishiji { padding-left: 0; color: #bd6e40 } .shipin { background: url(../images/yewulingyu/shipin.png) no-repeat left center; } .text2 h3 i { position: absolute; display: inline-block; width: 18px; height: 10px; margin-left: 10px; right: 0; bottom: 20px; background: url(../images/yewulingyu/jiantou.png) no-repeat right; float: right; } .text2 .list.on_ h3 { color: #bd6e40; } .text2 .list.on_ h3 i { background: url(../images/yewulingyu/jiantou_on.png) no-repeat right; } .text2 .list.on_ .on_ h3 i { background: url(../images/yewulingyu/jiantou_on.png) no-repeat right; } .text2 .cent h3.weishiji i{ background: url(../images/yewulingyu/jiantou.png) no-repeat right; } .text2 .list hr { margin: 10px 0 0; border-top: 1px solid #ffeee3; } .text2 .list .cent hr{ border-top: 1px solid #bbb; } .text2 .list.on_ .cent h3{ font-size: 24px; } .text2 .list .cent { display: none; overflow: hidden; padding: 38px 0 30px; } .text2 .jiushui_box .cent { padding: 30px 0 0; } .text2 .list .cent p { color: #686868; font-size: 14px; line-height: 38px; } .text2 .list { margin-bottom: 40px; } @media (max-width: 1200px) { body { background: #fff; } .text1 .right .centered{ position: static; } .text1 .list > div { padding: 0; } .text1 .list > div img { padding-bottom: 90px; } .text1 .list .right { padding: 60px 15px; margin-left: 0; } } @media (max-width: 768px) { #content{ border: 0; } .text1 .right { border-top: none; } .text1 .list > div img { padding-bottom:0; } } @media (max-width: 767px) { #tab { border-top: 0; padding: .2rem 0; display: none; } #tab li { width: 100%; border: 0; font-size: .26rem; height: .8rem; line-height: .8rem; padding: 0; } #tab li.current { border: 0; } .m_btn { padding: .4rem .25rem 0; } .m_btn h5 { color: #c17746; width: 100%; height: .95rem; line-height: .95rem; margin: 0 auto; display: block; border: 1px solid #ebebeb; font-size: .35rem; padding: 0 .3rem; background: url(../images/guanyuwomen/m_xiala_on.png) no-repeat 96% 18px; background-size: .25rem .17rem !important; } .m_btn h5.on { color: #c17746; background: url(../images/index/m_nav_shangla.png) no-repeat 96% 18px; } .center h2 { font-size: .4rem; padding: .1rem 0 .3rem; margin: 0 0.25rem; } #content { border: 0; margin-bottom: 0; } #content h2 { font-size: .4rem; padding: .1rem 0 .3rem; margin: 0 0.25rem; } .text1 { padding: 0 .25rem; } .text1 .list > div img { padding-bottom: 0; } .text1 .right { border: 0; } .text1 .list .right { padding: 60px 15px; margin-left: 0; } .text1 .right h3 { border-left: 0; font-size: .32rem; padding-left: 0; margin: .5rem 0 .1rem; color: #000; } .text1 .right p { font-size: .21rem; margin: 0; margin-bottom: .5rem; } .text1 .list .right { padding: 0 .25rem; margin-left: 0; } .text1 .list { margin-bottom: .7rem; padding-bottom: .4rem; border-bottom: 1px solid #ebebeb; } .lidao.list { margin: 0; padding: 0 0 0.2rem 0; border: 0; } .text1 .list .right_lidao { padding-top: .5rem; } #content h2.pinpai { border: 0; } .text2 { padding: .2rem .5rem; } .text2 h3 { font-size: .32rem; width: 95%; padding-left: 30px; height: 50px; line-height: 20px; background-size: .25rem; } .text2 h3 i{ background-size: .25rem; } .text2 .xiangshui { padding-left: 45px; background-size: .55rem; } .text2 .list hr{ margin: 0; } .text2 .huazhuangpin { background-size: .7rem; padding-left: 45px; } .text2 .shoubiao { background-size: .55rem; padding-left: 50px; } .text2 .shoushi { background-size: .65rem; padding-left:50px; } .text2 .lvxing { background-size: .58rem; padding-left:50px; } .text2 .juanfa { background-size: .68rem; padding-left:50px; } .text2 .yanjing { background-size: .9rem; padding-left:50px; } .text2 .wanju { background-size: .6rem; padding-left:50px; } .text2 .jiadian { background-size: .75rem; padding-left:50px; } .text2 .jiushui { background-size: .7rem; padding-left:50px; } .text2 .guochan { background-size: .65rem; padding-left:50px; height: 50px; } .text2 .shipin { background-size: .7rem; padding-left:50px; } .text2 .list .cent{ padding: .4rem 0 0; } } /*两端对齐*/ .text1 .right p{ text-align: justify; }