body { background: #f6f6f6; } .banner_box { margin-top: 80px; } .banner_box img { width: 100%; } .mianbao p { font-size: 16px; color: #565656; margin: 30px 0; } #tab { overflow: hidden; zoom: 1; background: #fff; border: 1px solid #ebebeb; display: flex; justify-content: center; align-items: center; } #tab li { color: #565656; width: 20%; height: 80px; text-align: center; border-right: 1px solid #ebebeb; cursor: pointer; margin: auto; line-height: 45px; display: table; padding: 0!important; } #tab li a{ display: table-cell; vertical-align: middle; } #tab li span { display: block; } #tab .a { line-height: 22px; } #tab li.current { color: #c06f44; border-bottom: 2px solid #c06f44; } #tab li:last-child { border-right: 0; } #content { border: 1px solid #ebebeb; border-top-width: 0; margin-top: 20px; background: #fff; margin-bottom: 90px; } #content .row { margin: 0; } #content ul { line-height: 25px; /*display: none;*/ } #content h3 { font-size: 34px; color: #000; text-align: center; padding: 25px; border-bottom: 1px solid #ebebeb; } /*浼氬憳璁″垝*/ .item .list { padding: 40px; overflow: hidden; } .item .list h2 { font-size: 22px; color: #000; margin-bottom: 20px; } .item .list p { font-size: 16px; color: #282828; } .item hr { margin: 0; } .card_info { padding: 0 35px 50px; } .span_bottom span{ margin-bottom: 25px; } .span_bottom span:last-child{ margin-bottom: 0; } .p_box p{ margin-bottom: 20px; } .p_box p:last-child{ margin-bottom: 0; } .card_info h4 { padding: 35px 0 20px; color: #000; font-size: 22px; } .card_info p { max-width: 900px; color: #565656; font-size: 16px; } .vip_dengji { margin-top: 35px; margin-bottom: 30px; } .card_info span { font-size: 14px; display: block; color: #565656; } .vip_dengji1 { margin: 35px 0 30px; } .bottom_text { text-align: right; width: 100%; margin-top: 70px } /*浼氬憳鏈嶅姟*/ .fuwu .cen { padding: 50px 50px 40px; } .fuwu .cen h2 { font-size: 24px; color: #000000; text-align: center; margin-bottom: 30px; } .fuwu .cen h4 { font-size: 20px; color: #000000; text-align: center; margin-bottom: 20px; } .fuwu .cen h5 { font-size: 18px; color: #000000; margin: 10px 0; } .fuwu .cen p { font-size: 18px; color: #565656; line-height: 32px; } .fuwu hr { margin: 0; } .fuwu .row { padding-bottom: 20px; } /*涓汉淇℃伅*/ .my h5 { /*margin-top: 40px !important;*/ } .my h4 { font-size: 24px !important; } .my p { font-size: 16px !important; } /*涓厤*/ .zhongmian h4 { background: #fff7ef; font-size: 22px; color: #000000; height: 40px; line-height: 40px; padding-left: 45px; margin: 20px 0; } .zhongmian p { font-size: 16px; color: #565656; padding-left: 45px; /*margin: 20px 0;*/ } .zhongmian { padding-bottom: 50px; } /*浼氬憳鍗?绉垎甯歌闂*/ .wenti { padding-bottom: 70px; } .wenti .list { padding: 50px 0; } .wenti .list p { margin-top: 20px; max-width: 710px; font-size: 16px; color: #565656; padding: 0 50px 0 20px; line-height: 24px; } .wenti h4 { position: relative; color: #bd6e40; font-size: 24px; background: url("../images/vip_jihua/Q.png") no-repeat left 5px; line-height: 30px; padding:10px 50px 10px 50px; margin-top: 50px; cursor: pointer; margin-left: 15px; margin-right: 30px; } .wenti h4 i { position: absolute; display: inline-block; width: 18px; height: 10px; margin-left: 10px; right: 0; top: 20px; background: url("../images/vip_jihua/xiajiantou.png") no-repeat right; float: right; } .wenti .col-lg-8 p { display: none; } .wenti .list { padding: 0 5px 0 40px; } .right_box { padding: 0; padding-left: 30px; margin-top: -88px; } .list .text_right h3 { font-size: 22px; line-height: 28px; color: #000000; } .list .text_right span { font-size: 12px; width: 100%; margin-top: 30px; display: block; background: url("../images/cuxiaohuodong/jiantou.png") no-repeat right; } .left_box .list:hover span { background: url("../images/cuxiaohuodong/jiantou_on.png") no-repeat right; } /*----------------*/ .text3 .right_box div{ height:210px; -webkit-transition: .5s; -o-transition: .5s; transition: .5s } .list .text_right h3 { font-size: 22px; line-height: 28px; color: #000000; } .text3 .right_box section { overflow: hidden; height: 210px; margin-bottom: 10px; } .text3 .right_box div:hover { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05) } .text3 .item1 { margin-bottom: 10px; padding: 25px 25px 10px; background: url("../images/news/right1.jpg") no-repeat; background-size: 100% 100%; } .text3 .item1 h1 { font-size: 24px; font-weight: 600; color: #fff; margin-bottom: 20px; text-align: center; } .text3 .item1 p { color: #ffffff; font-size: 16px; text-align: center; } .text3 .item1 em { display: block; font-size: 16px; color: #ffffff; margin-top: 20px; text-decoration: underline; text-align: center; cursor: pointer; padding-bottom: 20px; } .text3 .item2 { margin-bottom: 10px; padding: 20px 40px; text-align: center; background: url("../images/news/right2.jpg") no-repeat; background-size: 100% 100%; } .text3 .item2 p { font-size: 16px; color: #fefefe; } .text3 .item2 h1 { font-size: 24px; color: #ffffff; margin-top: 8px; } .text3 .item2 em { display: block; width: 145px; line-height: normal; font-size: 16px; margin: 20px auto 0; border: 1px solid #ffffff; color: #fff; padding: 3px 20px; cursor: pointer; } .text3 .item3 { margin-bottom: 10px; padding: 60px 0; text-align: center; background: url("../images/news/right3.jpg") no-repeat; background-size: 100% 100%; } .text3 .item3 h1 { font-size: 36px; color: #ffffff; font-weight: 600; } .text3 .item3 p { font-size: 18px; margin-top: 20px; color: #ffffff; } .text3 .item4 { margin-bottom: 10px; padding: 80px 0; text-align: center; background: url("../images/news/right4.jpg") no-repeat; background-size: 100% 100%; } .text3 .item4 h1 { font-size: 36px; color: #ffffff; font-weight: 600; } .text3 .item5 { padding: 35px 40px; background: url("../images/news/right5.jpg") no-repeat; background-size: cover; } .text3 .item5 h1 { font-size: 24px; color: #ffffff; font-weight: 600; } .text3 .item5 p { font-size: 16px; color: #ffffff; } .text3 .item5 em { display: block; font-size: 16px; color: #ffffff; padding-top: 80px; text-decoration: underline; cursor: pointer; } .text3 .item6 { height: 220px; background-size: cover; } .text3 .item6 p{ font-size:36px; color: #fff; padding-top: 90px; text-align: center; cursor: pointer; font-weight: 500; } .text3 .right_box div:hover { opacity: 0.95; } .text3 .item1:hover h1, .text3 .item1:hover em { color: #c06f44; } .text3 .item2 em:hover { border: 1px solid #c06f44; background: #c06f44; } .text3 .item3:hover h1, .text3 .item4:hover h1, .text3 .item5:hover h1, .text3 .item5:hover em { color: #c06f44; } /*鑱旂郴鎴戜滑*/ .lianxi { padding-bottom: 70px; } .lianxi h4 { font-size: 30px; color: #000000; padding-left: 25px; background: url("../images/vip_jihua/vip_yuandian.png") no-repeat left 10px; margin: 30px 70px; } .lianxi h5 { color: #000000; font-size: 22px; margin: 30px 95px 10px; } .lianxi p { font-size: 16px; color: #565656; margin: 0 95px; } .lianxi p.mar { margin-top: 25px; } .lianxi hr { margin: 50px 0 30px; } .winti_box>h3{ width: 70%; padding: 25px 0; } @media (min-width: 1200px) { #tab li:nth-of-type(4) { padding: 20px 40px; } #tab li:nth-of-type(5) { padding: 20px 30px; } #tab li:nth-of-type(6) { padding: 20px 35px; } } @media (max-width: 1200px) { .right_box { display: none; } .winti_box>h3{ width: 100%; } } @media (max-width: 992px) { .m_btn br { display: none !important; } #tab a { font-size: 12px; } #tab li { padding: 20px 5px !important; } } @media (max-width: 767px) { body { background: #fff; } #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 !important; } #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; padding: 0.25rem; } #content h3 { font-size: .4rem; padding: .1rem 0 .3rem; margin: 0; width: 100%; } .item .list { padding: .6rem .2rem; } #content .col-lg-3 { width: 33%; float: left; } #content .col-lg-9 { width: 66%; float: left; padding-left: .3rem; } .item .list h2 { font-size: .25rem; padding: 0; margin: 0 0 0.1rem 0; } .item .list p { font-size: .21rem; line-height: .35rem; } .item .list div { padding: 0; margin: 0; } .card_info h4 { font-size: .25rem; padding: .4rem .24rem .3rem; } .card_info p { font-size: .21rem; padding: 0 .24rem; } .card_info { padding: 0 0 .8rem; } .vip_dengji { margin-top: .8rem; margin-bottom: .5rem; } .vip_dengji1 { margin: .4rem 0 .4rem; } .card_info .vip { margin-top: .6rem; } .fuwu .cen h2 { font-size: .3rem; margin: .8rem 0 .3rem; padding: 0; } .fuwu .cen { padding: .1rem; } .fuwu .cen h4 { font-size: .3rem; margin-bottom: .3rem; } .fuwu .cen h5 { font-size: .28rem; margin: .15rem 0; } .fuwu .cen p { font-size: .21rem; line-height: .39rem; } .fuwu hr { margin: .5rem 0 .3rem; } .my .cen h2 { font-size: .26rem; line-height: .36rem; } #tab .a { line-height: .8rem; } .my h5 { /*margin-top: .28rem !important;*/ margin: .4rem 0 .1rem !important; font-size: .28rem; } .my .cen { padding: 0 .25rem; } .my .cen h4 { font-size: .3rem !important; width: 70%; line-height: .42rem; margin: .6rem auto; } .my p { font-size: .21rem !important; } .bottom_text { margin-top: .5rem; margin-bottom: 1rem; } .zhongmian_box { padding: 0 !important; margin-bottom: .5rem; } .zhongmian h4 { font-size: .25rem; height: .55rem; line-height: .55rem; margin: .3rem 0; padding-left: .45rem; } .zhongmian p { font-size: .21rem; padding-left: .45rem; } .winti_box { padding: 0; } .wenti > div { padding: 0; } .wenti .list { padding: 0 0; } .wenti h4 { background: url(../images/vip_jihua/Q.png) no-repeat .2rem .15rem; background-size: .54rem !important; font-size: .28rem; margin-top: .38rem; padding: .1rem .6rem .2rem 1rem; } .wenti .list hr { margin: 0; } .wenti h4 i { right: .2rem; top: .3rem; background-size: .22rem !important; } .wenti h3, .lianxi h3 { margin: 0 !important; } .wenti .list p { padding: 0 .3rem; font-size: .21rem; } .mianshui { padding-bottom: 0; } .lianxi h4 { font-size: .35rem; margin: .35rem 0 .2rem; background-size: .1rem; padding-left: .25rem; } .lianxi p { font-size: .21rem; margin: 0 .25rem; line-height: .4rem; } .lianxi p.mar { margin-top: .4rem; } .lianxi hr { margin: .3rem 0; } .lianxi h5 { font-size: .28rem; margin: .4rem 0 0 .25rem; } .lianxi { padding-bottom: .4rem; } .wenti{ padding-bottom: .8rem; } }