@charset"utf-8"; ::selection { background: #3D89FF; color: #fff; text-shadow: none; } ::-moz-selection { background: #3D89FF; /* Firefox */ color: #fff; text-shadow: none; } ::-webkit-selection { background: #3D89FF; /* Safari */ color: #fff; text-shadow: none; } :active, :focus { outline: none !important; } a{text-decoration: none !important;} img{max-width:100%;} *{line-height: 1.5;} /** * rule============================================================top */ input,button, a, .btn{outline:0 none!important;outline:none!important;blr:expression(this.onFocus=this.blur());border-radius:0;} /* img{max-width:100%;width:100%;} */ p{margin-bottom: 0;} textarea{border-radius:0;} /*============================================================ end*/ /* *{line-height: 1.5;letter-spacing: 1px;} */ body {padding:0;margin:0;font-family:Microsoft YaHei, Arial, Helvetica, sans-serif, 'Work Sans', 'corbel', 'WorkSans-Regular', 'Arial', 'Helvetica Neue', 'Helvetica', 'PingFang SC', "helveticaneue-light", 'Montserrat light', 'Helvetica', 'sans-serif', "宋体", "仿宋", 'webfont', '微軟正黑體'; overflow-x: hidden; padding-top:74px;} .yahei { font-family: '微软雅黑', 'Microsoft YaHei'; } .afterinlineblock:after, .beforeinlineblock:before, .inlineblock { display: inline-block; } .beforecontent:before, .aftercontent:after { content: ''; } .afterdisblock:after, .beforedisblock:before, .disblock { display: block; } .afterdisnone:before, .beforedisnone:before, .disnone { display: none; } .margin0auto { margin: 0 auto; } .widthauto { width: auto; } .widthauto-important { width: auto !important; } .beforewidth_100:before, .afterwidth_100:after, .width_100 { width: 100%; } .minwidth_100 { min-width: 100%; } .maxwidth_100 { max-width: 100%; } .width_100-important { width: 100% !important; } .minheight100 { min-height: 100%; } .maxheight100 { max-height: 100%; } .beforeheight_100:before,.afterheight_100:after,.height_100 { height: 100%; } .height_100vh { height: 100vh; } .minheight_100vh { min-height: 100vh; } .height_auto { height: auto; } .height_100-important { height: 100% !important; } .white { color: #fff; } .white_im { color: #fff !important; } .bg_white { background-color: #fff; } .bg_white_im { background-color: #fff !important; } .bg_black_25 { background-color: rgba(0, 0, 0, 0.25) !important; transition: .4s; } .over_hide { overflow: hidden; } .overflow-y { overflow-y: auto; } .overflow-x { overflow-x: auto; } .notextshadow { text-shadow: none; } .po_fixed { position: fixed; } .beforepo_absolute:before, .afterpo_absolute:after, .po_absolute { position: absolute; } .beforetop0:before, .aftertop0:after, .top0 { top: 0; } .beforeright0:before, .afterright0:after, .right0 { right: 0; } .beforebottom0:before, .afterbottom0:after, .bottom0 { bottom: 0; } .beforeleft0:before, .afterleft0:after, .left0 { left: 0; } .beforeleft_50:before, .afterleft_50:after, .left_50 { left: 50%; } .beforetop_50:before, .aftertop_50:after, .top_50 { top: 50%; } .top_100{top:100%;} .normal { font-style: normal; } .red { color: red; } li { list-style-type: none; } .line_height_1 { line-height: 1.1; } .hover_cursor { cursor: pointer; } .hover_no_drop { cursor: no-drop; } .hover-color:hover { color: #ce0b3f; } .font16 { font-size: 16px; } .line1_8 { line-height: 1.8; } .aftertransition_3:after, .beforetransition_3:before, .transition_3 { transition: .3s; } .nowrap { white-space: nowrap; } .bottommargin-10 { margin-bottom: 10px; } .z-index2 { z-index: 2; } .z-index99999{z-index:99999;} /* ============================================================ flex:定义布局为盒模型 flex-v:盒模型垂直布局 flex-1:子元素占据剩余的空间 flex-middle:子元素垂直居中 flex-center:子元素水平居中 flex-justify:子元素两端对齐 兼容性:ios 4+、android 2.3+、winphone8+ flex-wrap:让弹性盒元素在必要的时候拆行 ============================================================ */ .flex-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .flex-v { -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .flex-1 { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .flex-middle { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .flex-stretch { -webkit-align-items: stretch; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .flex-bottom { align-items: flex-end; } .flex-top { align-items: flex-start; } .flex-justifyend { justify-content: flex-end; } .flex-center { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .flex-justify { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .flex-wrap { flex-wrap: wrap; -webkit-flex-wrap: wrap; /* Safari 6.1+ */ } .line_clamp_1 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .line_clamp_2 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .line_clamp_3 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .line_clamp_4 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; } .line_clamp_5 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; } .beforexy-transform:before, .afterxy-transform:after, .xy-transform { -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .beforex-transform:before, .afterx-transform:after, .x-transform { -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .beforey-transform:before, .aftery-transform:after, .y-transform { -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateX(-50%); transform: translateY(-50%); } .uppercase { text-transform: uppercase !important; } /*将所有文本设置为大写*/ .lowercase { text-transform: lowercase !important; } /*将所有文本设置为小写*/ .capitalize { text-transform: capitalize !important; } /*首字母大写*/ .nott { text-transform: none !important; } .tright { text-align: right !important; } .tleft { text-align: left !important; } .fright { float: right !important; } .fleft { float: left !important; } .fnone { float: none !important; } .ohidden {position: relative;overflow: hidden !important;} .allmargin { margin: 50px !important; } .leftmargin { margin-left: 50px !important; } .rightmargin { margin-right: 50px !important; } .topmargin { margin-top: 50px !important; } .bottommargin { margin-bottom: 50px !important; } .clear-bottommargin { margin-bottom: -50px !important; } .allmargin-sm { margin: 30px !important; } .leftmargin-sm { margin-left: 30px !important; } .rightmargin-sm { margin-right: 30px !important; } .topmargin-sm { margin-top: 30px !important; } .bottommargin-sm { margin-bottom: 30px !important; } .clear-bottommargin-sm { margin-bottom: -30px !important; } .allmargin-lg { margin: 80px !important; } .leftmargin-lg { margin-left: 80px !important; } .rightmargin-lg { margin-right: 80px !important; } .topmargin-lg { margin-top: 80px !important; } .bottommargin-lg { margin-bottom: 80px !important; } .clear-bottommargin-lg { margin-bottom: -80px !important; } .nomargin {margin: 0 !important; } .noleftmargin { margin-left: 0 !important; } .norightmargin { margin-right: 0 !important; } .notopmargin { margin-top: 0 !important; } .nobottommargin { margin-bottom: 0 !important; } .header-stick { margin-top: -50px !important; } .content-wrap .header-stick { margin-top: -80px !important; } .footer-stick { margin-bottom: -50px !important; } .content-wrap .footer-stick { margin-bottom: -80px !important; } .noborder { border: none !important; } .noleftborder { border-left: none !important; } .norightborder { border-right: none !important; } .notopborder { border-top: none !important; } .nobottomborder { border-bottom: none !important; } .noradius { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; -ms-border-radius: 0 !important; -o-border-radius: 0 !important; border-radius: 0 !important; } .col-padding { padding: 60px; } .nopadding { padding: 0 !important; } .noleftpadding { padding-left: 0 !important; } .norightpadding { padding-right: 0 !important; } .notoppadding { padding-top: 0 !important; } .nobottompadding { padding-bottom: 0 !important; } .noabsolute { position: relative !important; } .noshadow { box-shadow: none !important; } .hidden { display: none ; } .nothidden { display: block !important; } .inline-block {float: none !important;display: inline-block !important;} .center { text-align: center !important; } .divcenter {position: relative !important;float: none !important;margin-left: auto !important;margin-right: auto !important;} .bgcolor,.bgcolor #header-wrap { background-color: #070a1b !important; } .color { color: #FD2E2A !important; } .border-color { border-color: #FD2E2A !important; } .nobg { background: none !important; } .nobgcolor { background-color: transparent !important; } .t300 { font-weight: 300 !important; } .t400 { font-weight: 400 !important; } .t500 { font-weight: 500 !important; } .t600 { font-weight: 600 !important; } .t700 { font-weight: 700 !important; } .ls0 { letter-spacing: 0px !important; } .ls1 { letter-spacing: 1px !important; } .ls2 { letter-spacing: 2px !important; } .ls3 { letter-spacing: 3px !important; } .ls4 { letter-spacing: 4px !important; } .ls5 { letter-spacing: 5px !important; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{line-height: 1.5;} ul{padding-left:0;} /** * header */ #header .navbar-brand{height:100px;float:none;} #header .navbar-default .navbar-toggle{} /*video-madol*/ /*video-madol----end*/ /* 维多利亚老品牌vic */ .daveyz-swiper0519 .swiper-container .swiper-slide:after{content:'';display:block;position:absolute;left:0;top:0;background-color:rgba(255,255,255, 0.7);width:100%;z-index:3;bottom:0px;} .daveyz-swiper0519 .swiper-container .swiper-slide.swiper-slide-active:after, .daveyz-swiper0519 .swiper-container .swiper-slide.swiper-slide-next:after, .daveyz-swiper0519 .swiper-container .swiper-slide.swiper-slide-prev:after{background-color:transparent} .daveyz-swiper0519 .swiper-container .swiper-slide.swiper-slide-active a, .daveyz-swiper0519 .swiper-container .swiper-slide.swiper-slide-next a, .daveyz-swiper0519 .swiper-container .swiper-slide.swiper-slide-prev a{position: relative;display: block;z-index: 9;} .box{padding:40px 0;background-color: #f6f7f9;} .box .content ul{margin:0 -5px;} .box .content li a:hover{color: white;background-color: #0549b8;} .box .content ul li{padding:0 5px;} .box .content ul li:nth-child(1n+7){margin-top:15px;} .box .content ul li a{cursor:pointer;color: black;background: white;text-align: center;display: block;width: 100%;font-size: 18px;height: 100%;padding: 18px 0px;} .daveyz-section{padding:85px 0;} .daveyz-title{margin-bottom:50px;} .daveyz-title .title2{font-size:46px;} .daveyz-title .more2{font-size:14px;color:#999;} .daveyz-title .more2:hover{color:#0a2a8f;} .daveyz-list6-yuan .jjfan_list{top:auto;left:auto;transform:translate(0%,0%);} .newspages-swiper{margin-top:40px;} .newspages-swiper .swiper-slide .text{padding:30px 80px;} .newspages-swiper .swiper-slide .text .title{font-size:20px;color:#111;margin-bottom:10px;} .newspages-swiper .swiper-slide .text .intro{color:#111;margin-bottom:20px;} .newspages-swiper .swiper-slide .text .content{color:#c4c4c4;} .newspages-swiper .swiper-but{right:30px;bottom:30px;} .newspages-swiper .swiper-but .iconfont{font-size:18px;color:#999;} .newspages-swiper .swiper-but .swiper-button-next, .newspages-swiper .swiper-but .swiper-button-prev{left:auto;right:auto;position:relative;} .newspages-swiper .swiper-but .swiper-button-next:after, .newspages-swiper .swiper-but .swiper-button-prev:after{display:none;} .newspages-swiper .swiper-slide:hover .text .title{color:#ed6b00;} .newspages-swiper .swiper-slide .img:hover img{transform:scale(1.1);} .newspages-swiper .swiper-but .iconfont:hover{color:#111;} .newspages-swiper .swiper-slide .morespan{color:#111;margin-top:30px;} .newspages-swiper .swiper-slide .morespan img{width:35px;margin-right:15px;} .news-lists{/*margin-top:50px;*/} .news-lists .a-details{background-color:#fff;} .news-lists .a-details ~ .a-details{margin-top:30px;} .news-lists .a-details .img{border-radius:0;} .news-lists .a-details .left{width:28%;} .news-lists .a-details .right{padding-left:60px;width:72%;} .news-lists .a-details .right .title{font-size:22px;color: #111;margin-bottom:10px;margin-top:0;color:#000;} .news-lists .a-details .right .intro{color: #000;font-size:16px;} .news-lists .a-details .right .other{color: #111;font-size:12px;margin-bottom:20px;} .news-lists .a-details:hover{z-index:33;} .news-lists .a-details:hover .right .title{color:#0a2a8f;} .news-lists .a-details .img:hover img{transform: scale(1.1);} .news-more-but{font-size: 12px;color:#999;} .news-more-but .more{color:#111;padding:8px 60px;border:1px solid #111;margin-top:58px;} .news-more-but .more.nopages{border:none;padding:0;cursor:auto;color:#666;} .news-more-but .more.nopages:hover{color:#666;background-color:transparent;} .news-more-but .more:hover{background-color:#ed6b00;border-color: #ed6b00;color: #fff;} .daveyz-zczc{} .daveyz-zczc .right{padding:80px 0 80px 80px; background-image: -webkit-linear-gradient(90deg, #dcdcdc, #fff); background-image: -moz-linear-gradient(90deg, #dcdcdc, #fff); background-image: -o-linear-gradient(90deg, #dcdcdc, #fff); background-image: linear-gradient(90deg, #dcdcdc, #fff); } section{max-width:100%;overflow:hidden;} @media(max-width:767px){ /*xs*/ .fright-xs{float:right;} .daveyz-section{padding:40px 0;} .daveyz-title{margin-bottom:20px;} .daveyz-title .title2{font-size:22px;} .daveyz-title .more2{font-size:12px;} .news-lists .a-details .right{padding-left:10px;} .news-lists .a-details .left{width:38%;} .news-lists .a-details ~ .a-details {margin-top: 15px;} .news-lists .newslists-more{margin-top:10px;font-size:12px;} .news-lists .a-details .right .other{font-size:12px;margin-bottom:3px;} .news-lists .a-details .right .title{font-size:14px;margin-bottom:3px;} .news-lists .a-details .right .intro{font-size:12px;} .daveyz-zczc{display:block;padding:40px 0;} .daveyz-zczc .right{padding:0;background:none;} .daveyz-zczc .left img{width:100px;} } @media(min-width:768px){ /*sm*/ .fright-sm{float:right;} #header .navbar-nav > li > a{padding:40px 15px;font-size:14px;letter-spacing:1px;} #header .navbar-nav > li > a:hover{color:#3D89FF;} #header .navbar-nav ul ul{left:100%;top:0px;} #header .navbar-default .navbar-nav > .active > a, #header .navbar-default .navbar-nav > .active > a:hover, #header .navbar-default .navbar-nav > .active > a:focus{background-color:transparent;color:#3D89FF;} #header .navbar-default .navbar-nav > .open > a, #header .navbar-default .navbar-nav > .open > a:hover, #header .navbar-default .navbar-nav > .open > a:focus{background-color:transparent;color:#3D89FF;} /** * mega-menu mega-menu-content mega-menu-column */ #header .navbar-nav > li.mega-menu{position:inherit;} #header .navbar-nav > li.mega-menu > .dropdown-menu{width:100%;border-radius:0;} } @media (min-width:992px) and (max-width:1366px) { .bracnd_item h1{font-size:40px; } .daveyz-title .title2{font-size:40px;} .daveyz-title{margin-bottom:35px;} .daveyz-section {padding: 75px 0;} .box .content ul li a{padding:14px 0;font-size:16px;} .channel-banner .banner-info h3{font-size:48px;} .box {padding: 34px 0;} } @media (min-width:1367px) and (max-width:1440px) { } @media (min-width:1441px) and (max-width:1680px) { } @media(max-width:767px){ .box .content ul li a{padding:10px 0;font-size:14px;} .box .content ul li:nth-child(1n+4){margin-top:10px;} .box.flex-row{padding:30px 0;display:block;} } @media(min-width:991px){ /*md*/ .fright-md{float:right;} } @media(min-width:1199px){ /*lg*/ .fright-lg{float:right;} }