@charset"utf-8"; ::selection { background: #ed6b00; color: #fff; text-shadow: none; } ::-moz-selection { background: #ed6b00; /* Firefox */ color: #fff; text-shadow: none; } ::-webkit-selection { background: #ed6b00; /* Safari */ color: #fff; text-shadow: none; } :active, :focus { outline: none !important;} a{text-decoration: none !important;} /** * 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; } .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; } /* ============================================================ 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 !important; } .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: #ed6b00 !important; } .color { color: #ed6b00 !important; } .border-color { border-color: #ed6b00 !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; } .pages-content{padding-top: 80px;} h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{line-height: 1.5;} ul{padding-left:0;} /** * header */ #header{z-index: 99;height:80px;} #header .collapse.navbar-collapse{padding-right:0 !important;padding-left:0 !important;} #header .navbar-brand{height:80px;float:none;padding-left:0;} #header .navbar-brand .logo{} #header .navbar-brand .logo .name{font-size:16px;padding:3px 10px;border-radius: 7px 0px 7px 0px;margin-left:10px;} #header .navbar-brand .logo img{max-height:100%;} #header .navbar-brand .logo img.white{} #header .navbar-brand .logo img.normal{display:none;} #header .navbar-default .navbar-toggle{} /*#header .navbar-default .navbar-toggle.in span:nth-child(2){transform:rotate(45deg) translate(7px, 7px);} #header .navbar-default .navbar-toggle.in span:nth-child(3){opacity:0;transition:.3s;} #header .navbar-default .navbar-toggle.in span:nth-child(4){transform:rotate(-45deg) translate(7px, -7px);}*/ .navbar-nav{float:right;display: inline-block;} #header .navbar-nav > li > a{color:#666;} #header .navbar-default .navbar-nav > .active > a{color:#666;} #header .navbar-default .navbar-nav > .active > a:hover, #header .navbar-nav > li > a:hover{color:#ed6b00;} /*#header.after-header:after{top:100%;background-color:rgba(0,0,0,0.6);height:100vh;}*/ #header .navbar-nav > li .pages-link .a-link:hover:after{ /*background: -webkit-linear-gradient(90deg, #FF0000 0%, rgba(255,241,241,0.24) 100%); background: -moz-linear-gradient(90deg, #FF0000 0%, rgba(255,241,241,0.24) 100%); background: -o-linear-gradient(90deg, #FF0000 0%, rgba(255,241,241,0.24) 100%); background: linear-gradient(90deg, #FF0000 0%, rgba(255,241,241,0.24) 100%);*/ background: #ed6b00; } /*#header .navbar-default .navbar-nav a:hover > div:after, #header .navbar-default .navbar-nav > .active > a > div:after{top:-23px;height:4px;width:100%;bottom:auto; background: -webkit-linear-gradient(90deg, #FF0000 0%, rgba(255,241,241,0.24) 100%); background: -moz-linear-gradient(90deg, #FF0000 0%, rgba(255,241,241,0.24) 100%); background: -o-linear-gradient(90deg, #FF0000 0%, rgba(255,241,241,0.24) 100%); background: linear-gradient(90deg, #FF0000 0%, rgba(255,241,241,0.24) 100%); }*/ /*video-madol*/ /*video-madol----end*/ .navbar-width{width: 92.7083333333333333%;} .navbar{border:none;height:100%;} .navbar:after{border-bottom:1px solid rgb(238 238 238 / 100%);width:100%;position:absolute;bottom:0;left:0;z-index:0;} .header-return .a-return{padding:30px 0;margin-right:38px;margin-left:10px;} .header-return .a-return i{border:1px solid #111;font-size:18px;line-height: 1;color: #3d3a39;border-radius:50%;transform:rotate(180deg);transition:.3s;} .header-return .a-return:hover i{transition:.3s;background-color:#ed6b00;border-color:#ed6b00;color:#fff;} .header-search{} .header-search .stateicons{right:15px;padding:27px 1.2612%;} .header-search .stateicons img{width:24px;} .header-search .stateicons img.b{display:none;} .header-search .stateicons img.h{display:block;} .index-header .header-search .stateicons img.b{display:block;} .index-header .header-search .stateicons img.h{display:none;} .header-search .stateicons i{font-size:24px;line-height:1;color: #3d3a39;} .header-search.active .searchimg, .header-search .chaimg{display:none;} .header-search.active .chaimg{display:block;} .header-search.active .stateicons img.b{display:none} .header-search.active .stateicons img.h{display:none;} .header-search form{background-color:#fff;min-height:100%;box-shadow: 0px 36px 42px 11px rgb(0 0 0 / 5%);top:auto;z-index:0;left:0;right:0;opacity:0;display:none;padding:88px 0 140px;} .header-search form .but{padding:0 40px;font-size:16px;} .header-search form .input-div{height:50px;} .header-search form .input-div .input-content{border:1px solid #eee;padding-left: 6px;} .header-search form .input-div .input-content i.icon-sousuo{font-size:22px;margin: 0;color:#666;} .header-search form .input-div .input-content i.icon-sousuo:before{margin-top:6px;} .header-search form input{font-size:16px;padding:0 10px;} .header-search form input:focus{box-shadow:none;} .header-search form .form-text{margin-top:16px;} .header-search form .form-text .span-text{font-size:12px;padding:2px 16px;border:1px solid #eee;border-radius:30px;margin:0 16px 10px 0;color:#666;background-color:rgb(238 238 238 / 22%);} .header-search form .form-text .span-text:hover{color:#ed6b00;} .header-search.active form{top:100%;z-index:2;opacity:1;display:block;} .header-language{padding:28px 0 28px 0;z-index:99;margin-left:38px;} .header-language a{color:#666;font-size:16px;} .header-language .map{color:#3d3a39;font-size:24px;line-height: 1;margin-right:8px;} .header-language .icon-xiangzuo-copy{margin-left:8px;} .header-language ul{display:none;min-width:100%;padding:5px 10px;text-align:center;} .header-language ul li~li{border-top:1px solid #eee;} .header-language ul li a{font-size:14px;color:#777;padding:16px 10px;} .header-language ul li.active a{color:#111;} .header-language ul li:hover a{color:#ed6b00;} .header-language:hover ul{display:block;box-shadow: 0 10px 12px rgba(0, 0, 0, .06);} #header.index-header{/*background-color:rgba(0,0,0,0.2);*/ background: -webkit-linear-gradient(180deg, rgba(5,5,5,0.2) 0%, rgba(2,2,2,0) 100%); background: -moz-linear-gradient(180deg, rgba(5,5,5,0.2) 0%, rgba(2,2,2,0) 100%); background: -o-linear-gradient(180deg, rgba(5,5,5,0.2) 0%, rgba(2,2,2,0) 100%); background: linear-gradient(180deg, rgba(5,5,5,0.2) 0%, rgba(2,2,2,0) 100%); } #header.index-header .navbar-nav > li > a{color:#fff;} #header.index-header .navbar-default .navbar-nav > .active > a{color:#fff;} #header.index-header .navbar-default .navbar-nav > .active > a:hover{color:#ed6b00;} #header.index-header:hover .navbar-nav > li > a:hover{color:#ed6b00;} #header.index-header:hover .navbar-default .navbar-nav > .active > a:hover{color:#ed6b00;} #header.index-header .header-search .stateicons i, #header.index-header .header-language .map, #header.index-header .header-language > a{color:#fff;} #header.index-header .header-language > a img{width:24px;} #header.index-header .header-language > a img.h{display:none;} #header.index-header .header-language > a img.b{} #header.index-header:hover{background-color:#fff; background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%); background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%); background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%); } #header.index-header:hover .header-search .stateicons img.b{display:none} #header.index-header:hover .header-search .stateicons img.h{display:block;} #header.index-header:hover .header-search.active .stateicons img.b{display:none} #header.index-header:hover .header-search.active .stateicons img.h{display:none;} #header.index-header:hover .header-language > a img.h{display:block;} #header.index-header:hover .header-language > a img.b{display:none;} #header.index-header:hover .header-search .stateicons i, #header.index-header:hover .header-language .map, #header.index-header:hover .header-language > a, #header.index-header:hover .navbar-nav > li > a, #header.index-header:hover .navbar-default .navbar-nav > .active > a{color:#666;} #header.index-header .navbar-brand .logo img.white{} #header.index-header .navbar-brand .logo img.normal{display:none;} #header.index-header:hover .navbar-brand .logo img.white{display:none;} #header.index-header:hover .navbar-brand .logo img.normal{display:block;} #header.index-header:hover .navbar:after{border-bottom-color:#eee;} #header.index-header .navbar-nav > li > a:hover{color:#ed6b00;} #header.index-header:hover .navbar-nav > li > a:hover{color:#ed6b00;} #header.index-header.daveyz-header{background-color:#fff; background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%); background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%); background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%); } #header.index-header.daveyz-header .header-search .stateicons img.b{display:none;} #header.index-header.daveyz-header .header-search .stateicons img.h{display:block;} #header.index-header.daveyz-header .header-search.active .stateicons img.h{display:none;} #header.index-header.daveyz-header .header-language > a img.h{display:block;} #header.index-header.daveyz-header .header-language > a img.b{display:none;} #header.index-header.daveyz-header .header-search .stateicons i, #header.index-header.daveyz-header .header-language .map, #header.index-header.daveyz-header .header-language > a, #header.index-header.daveyz-header .navbar-nav > li > a, #header.index-header.daveyz-header .navbar-default .navbar-nav > .active > a{color:#666;} #header.index-header.daveyz-header .navbar-brand .logo img.white{display:none;} #header.index-header.daveyz-header .navbar-brand .logo img.normal{display:block;} #header.index-header.daveyz-header .navbar:after{border-bottom-color:#eee;} #header.index-header .navbar:after{border-bottom:1px solid rgb(238 238 238 / 0%);} #header .navbar-nav > li.mega-menu > .dropdown-menu.mega-menu-daveyz{background-color:rgba(0,0,0,0.6);} #header .index_nav_about .pages-link{padding:46px 0 50px;} #header .pages-link .div-nav{padding:0 50px;} #header .pages-link .div-nav~.div-nav:after{width:1px;top:30px;height:50px;background-color:#fff;} #header .pages-link .a-link:hover{color:#ed6b00;} #header .pages-link .a-link{} #header .index_nav_about .pages-link .a-link{color:#fff;margin-bottom:15px;} #header .pages-link .a-link3{font-size:14px;color:#666;margin-top:10px;} #header .index_nav_about .pages-link .a-link3{color:#fff;} #header .index_nav_about .pages-link .a-link .ic, #header .pages-link .a-link3 .ic{background-color:#fff;color:#111;border-radius:50%;margin-left:5px;} #header .pages-link .a-link3:hover{color:#ed6b00;} #header .mega-menu-daveyz-nav2id{background-color:#f8f8f8;} #header .mega-menu-daveyz-nav2id .pages-link .a-link{padding:60px 0;} #header .mega-menu-daveyz-nav2id .pages-link .a-link:after{display:none;} #header .mega-menu-daveyz-nav2id .pages-link .a-link .img{max-height:60px;margin-bottom:20px;} #header .mega-menu-daveyz-nav2id .pages-link .a-link .title{font-size:14px;} #header .mega-menu-daveyz-nav2id .pages-link .a-link ~ .a-link {margin-left: 90px;} .phone-language .phone-lang-div{padding:30px 20px 15px;} .phone-language .phone-lang-div .more{border:1px solid #eee;padding:5px 20px;color:#666;} .phone-language .phone-lang-div .more.active{background-color:#ed6b00;border-color:#ed6b00;color:#fff;} .phone-language .phone-lang-div .more~.more{margin-left:15px;} /** * 置顶 */ #pages-menu-nav.po_fixed{width:100%;left:0;z-index:10;box-shadow:0 4px 10px 0 rgba(17,58,93,.1);background-color:rgba(255,255,255,0.9);} #get-top.iconfont{right:30px;bottom:30px;width:40px;height:40px;line-height:40px;background-color:rgba(0,0,0,0.3);border-radius:2px;z-index:99;color:#fff;font-size:20px;} #get-top.iconfont:hover{background-color:#ed6b00;color:#fff;} .form-alert{z-index:100;min-width:500px;top:80px;} .toggle-daveyz{padding:0 55px;} .toggle-daveyz .togglet{padding:15px 0;border-bottom:1px solid #ddd;} .toggle-daveyz .togglet .d{font-size:24px;color:#111;} .toggle-daveyz .togglet .t{font-size:16px;color:#111;margin:2px 10px 0 15px;} .toggle-daveyz .togglet .iconfont{margin:4px 0 0;color:#111;} .toggle-daveyz .togglec{padding:20px 0 40px;} .toggle-daveyz .togglec .d{font-size:24px;color:#111;} .toggle-daveyz .togglec .contenttext{margin:0 0 0 15px;} .daveyz-icons-link{border-radius:10px;z-index:3;bottom:30px;right:0;box-shadow:-1px -1px 5px rgb(135 135 135 / 67%);padding:20px 0;} .daveyz-icons-link .i-div i{font-size:26px;width:28px;} .daveyz-icons-link .i-div{padding:10px;} .daveyz-icons-link .i-div i.icon-xiangzuo-copy-copy{border-radius:50%;background-color:#f6f7f9;color:#97989a;} .daveyz-icons-link .i-div:hover i{color:#ed6b00;} .daveyz-icons-link .i-content{right:100%;top:0;min-height:100%;font-size:18px;border-radius:30px 0 0 30px;width:0;transition:.5s;padding:10px 0;} .daveyz-icons-link .i-lists.weixin .i-content{border-radius:10px 0 0 10px;} .daveyz-icons-link .i-lists{overflow:hidden;transition:.5s;} .daveyz-icons-link .i-lists:hover{overflow:initial;transition:.5s;} .daveyz-icons-link .i-lists:hover .i-content{width:auto;padding:10px 15px;transition:.5s;color:#ed6b00;} .weixin img.img1{width:100px;height:100px;min-width:100px;} .daveyz-icons-link .i-lists.weixin:hover .i-content{width:120px;height:120px;padding:10px;} @media(max-width:767px){ /*xs*/ .fright-xs{float:right !important;} .fleft-xs{float:left !important;} .form-alert{min-width:95%;} .container{padding-left:20px;padding-right:20px;} #header{background-color:#fff;} #header.index-header .navbar-brand .logo img{width:auto;} #header.index-header .navbar-brand .logo img.white{display:none;} #header.index-header .navbar-brand .logo img.normal{display:block;} /*#header .collapse.navbar-collapse{height:auto !important; }*/ .navbar-nav{float:none;padding-left:0;padding-right:0;margin-top:0;margin-bottom:0;} /*#header .container-ul{max-height: 70vh; overflow-y: auto; padding-bottom: 70px;}*/ #header.index-header .navbar-default .navbar-nav > .active > a, #header.index-header .navbar-nav > li > a, #header .navbar-nav > li > a{color:#666;padding-top:12px;padding-bottom:12px;padding-right:20px;padding-left:20px;text-align: left;} .header-language{display:none;} .header-search .stateicons{right:45px;height:70px !important;max-height:80px !important;min-height:80px;position:absolute;top:0;} #header .navbar-default .navbar-toggle{margin-right:0;} #header.index-header .header-search .stateicons i, #header.index-header .header-language .map, #header.index-header .header-language > a{color:#666;} #header .collapse.navbar-collapse{border-top:none;} #header .navbar-width{width:100%;padding:0 15px;background-color:#fff;} #header .navbar-nav > li .pages-link .a-link:hover:after{display:none;} #header .navbar-brand .logo{max-width:138px;position:relative;} #header .navbar-brand .logo .name{font-size:14px;position:absolute;left:100%;} /*#header .index_nav_about .pages-link{padding:0 10px;}*/ #header .navbar-nav > li.mega-menu > .dropdown-menu.mega-menu-daveyz{background-color:transparent;} #header .navbar-nav > li.mega-menu > .dropdown-menu.mega-menu-daveyz .pages-link{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding:10px 0; } #header .navbar-nav > li.mega-menu > .dropdown-menu.mega-menu-daveyz .pages-link .div-nav{width:33.3%;} #header .index_nav_about .pages-link .a-link{color:#555;} #header .pages-link .div-nav { padding: 0;} #header .index_nav_about .pages-link .a-link3{color:#666;font-size:12px;} .header-search.active .chaimg{margin-top:2px;font-size:20px;} .header-search form .input-div .input-content .icon-search{width:20px;} .header-search form{padding: 40px 15px;min-height:1px;} .header-search form .input-div {height: 40px;} .header-search form .but {padding: 0px 24px;font-size: 14px;} .header-search form .form-text .span-text{padding:2px 10px;margin-right:10px;} .header-search .stateicons img.b{display:none;} .header-search .stateicons img.h{display:block;} .index-header .header-search .stateicons img.b{display:none;} .index-header .header-search .stateicons img.h{display:block;} .collapse{display:block;} .collapse .navbar-nav{display:none;} .collapse.in .navbar-nav{display:block;background-color:#fff;} .collapse .navbar-nav > li .i-icons{right:15px;font-size:16px;color:#666;width:30px;height:45px;padding-top:11px;top:0;} .collapse .navbar-nav > li ~ li{border-top:1px solid #eee;} .collapse .navbar-nav > li .pages-link{padding-top:0;display:block;} .collapse .navbar-nav > li .pages-link .a-link{display:block;text-align:left;padding:10px 6px 0 0;font-size:12px;} .collapse .navbar-nav > li .pages-link .a-link ~ .a-link{margin-left:0;border-top:1px solid #eee;} .collapse .navbar-nav > li .nav-pr-lists {padding-top: 4px;padding-bottom:4px;} .collapse .navbar-nav > li .nav-pr-lists .right {width: 100%;display:none;} .collapse .navbar-nav > li .nav-pr-lists .left {padding-left: 0;width: 100%;} .collapse .navbar-nav > li .nav-pr-lists .left .content-pr{height:auto !important;max-height:none !important;padding-right:0;margin-top:10px;margin-bottom:10px;} .collapse .navbar-nav > li .nav-pr-lists .left .lists .a-link .title{font-size:12px;} .collapse .navbar-nav > li .nav-pr-lists .left .lists:nth-child(1n+6){margin-top:10px;} .collapse .navbar-nav > li .nav-pr-lists .left .lists .a-link .img{margin-bottom:5px;max-width:40px;} #header.index-header{background-color:#fff; background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%); background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%); background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%); } /*#header .collapse.navbar-collapse.in:after{background-color:rgba(0,0,0,.6);position:absolute;left:0;right:0;top:0;height:100vh;display:block;z-index:-1;}*/ .header-return .a-return{margin-right:0;right:80px;top:0;position:absolute;} .toggle-daveyz{padding:0 10px;} .header-return .a-return{position:absolute;top:0;right: 85px;margin-right: 0;} } @media(min-width:768px){ /*sm*/ .fright-sm{float:right;} #header .navbar-nav > li > a{padding:23px 25px;font-size:16px;letter-spacing:1px;z-index:99;line-height:24px;} #header .navbar-nav > li > a{line-height:24px;} #header .collapse.navbar-collapse{height:70px !important;} #header .navbar-nav ul ul{left:100%;top:0px;} #header .navbar-default .navbar-nav > .open > a, #header .navbar-default .navbar-nav > .open > a:focus{background-color:transparent;color:#000;} #header .navbar-default .navbar-nav > .open > a:hover{background-color:transparent;color:#ed6b00;} #header .navbar-default .navbar-nav > .active > a{background-color:transparent;} /*#header .navbar-default .navbar-nav > .active > a >div:after{width:24px;height:2px;background: #ed6b00;bottom:-15px;}*/ /** * 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;} #header .navbar-nav > li.mega-menu.open > .dropdown-menu{/*display:block;*/} } @media(min-width:768px) and (max-width:1200px){ .header-return .a-return{position:absolute;top:0;right: 115px;margin-right: 0;} /*#header .navbar-nav{margin-right:8%;}*/ .container {width: 100%;} #header .navbar-nav > li > a{font-size: 14px;} .header-language a{font-size:14px;} .header-language .map{font-size:18px;} .header-search .stateicons i{/*font-size:18px;*/} #header .pages-link .a-link{font-size:14px;} #header{background-color:#fff;} #header.index-header .navbar-brand .logo img{width:auto;} #header.index-header .navbar-brand .logo img.white{display:none;} #header.index-header .navbar-brand .logo img.normal{display:block;} /*#header .collapse.navbar-collapse{height:auto !important; }*/ .navbar-nav{float:none;padding-left:0;padding-right:0;margin-top:0;margin-bottom:0;} /*#header .container-ul{max-height: 70vh; overflow-y: auto; padding-bottom: 70px;}*/ #header.index-header .navbar-default .navbar-nav > .active > a, #header.index-header .navbar-nav > li > a, #header .navbar-nav > li > a{color:#666;padding-top:12px;padding-bottom:12px;padding-right:20px;padding-left:20px;text-align:left;z-index:0;} .header-language{display:none;} .header-search .stateicons{right:50px;height:80px !important;max-height:80px !important;min-height:80px;position: absolute;top: 0;} #header.index-header .header-search .stateicons i, #header.index-header .header-language .map, #header.index-header .header-language > a{color:#666;} #header .navbar-nav > li > a{padding-top:12px !important;padding-bottom:12px !important;} #header .navbar-nav > li .pages-link .a-link:hover:after{display:none;} #header .navbar-brand{width:70%;} #header .navbar-brand .logo{-webkit-box-pack:initial;-webkit-justify-content: normal;-ms-flex-pack: initial;justify-content: normal;} #header .navbar-brand .logo img{width:auto;} #header .collapse.navbar-collapse {height: auto !important;} .header-search.active .chaimg{margin-top:2px;font-size:20px;} .header-search form .input-div .input-content .icon-search{width:20px;} .header-search form{padding: 40px 15px;min-height:1px;} .header-search form .input-div {height: 40px;} .header-search form .but {padding: 0px 24px;font-size: 14px;} .header-search form .form-text .span-text{padding:2px 10px;margin-right:10px;} .header-search .stateicons img.b{display:none;} .header-search .stateicons img.h{display:block;} .index-header .header-search .stateicons img.b{display:none;} .index-header .header-search .stateicons img.h{display:block;} .collapse{display:block;} .collapse .navbar-nav{display:none;margin-right:-20px;margin-left:-20px;} .collapse.in .navbar-nav{display:block;background-color:#fff;} .navbar-nav > li {float: none;} #header .navbar-nav > li.mega-menu{position:relative;} .collapse .navbar-nav > li .i-icons{right:15px;font-size:16px;color:#666;width:24px;height:24px;top:11px;display:block !important;z-index:10 !important; z-index:10 !important;} .collapse .navbar-nav > li ~ li{border-top:1px solid #eee;} .collapse .navbar-nav > li .pages-link{padding-top:0;display:block;} .collapse .navbar-nav > li .pages-link .a-link{display:block;text-align:left;padding:10px 6px;font-size:12px;} .collapse .navbar-nav > li .pages-link .a-link ~ .a-link{margin-left:0;border-top:1px solid #eee;} .collapse .navbar-nav > li.phone-language{display:block !important;} .collapse .navbar-nav > li .nav-pr-lists {padding-top: 4px;padding-bottom:4px;} .collapse .navbar-nav > li .nav-pr-lists .right {width: 100%;display:none;} .collapse .navbar-nav > li .nav-pr-lists .left {padding-left: 0;width: 100%;} .collapse .navbar-nav > li .nav-pr-lists .left .content-pr{height:auto !important;max-height:none !important;padding-right:0;margin-top:10px;margin-bottom:10px;} .collapse .navbar-nav > li .nav-pr-lists .left .lists .a-link .title{font-size:12px;} .collapse .navbar-nav > li .nav-pr-lists .left .lists:nth-child(1n+6){margin-top:10px;} .collapse .navbar-nav > li .nav-pr-lists .left .lists .a-link .img{margin-bottom:5px;max-width:40px;} #header.index-header{background-color:#fff; background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%); background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%); background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%); } .navbar-header{float:none;} .navbar-toggle {display:block;margin-right:0;} .navbar-nav .open .dropdown-menu {position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none;} #header .collapse.navbar-collapse .container{width:100%;} #header .navbar-width{width:100%;padding:0 15px;} } @media(min-width:1025px){ /*sm*/ .fright-sm{float:right;} #header .navbar-nav > li > a{padding:28px 15px;font-size:16px;letter-spacing:1px;z-index:99;line-height:24px;} #header .navbar-nav > li > a div{line-height:24px;} #header .collapse.navbar-collapse{height:80px !important;} #header .navbar-nav ul ul{left:100%;top:0px;} #header .navbar-default .navbar-nav > .open > a, #header .navbar-default .navbar-nav > .open > a:focus{background-color:transparent;color:#000;} #header .navbar-default .navbar-nav > .open > a:hover{background-color:transparent;color:#ed6b00;} #header .navbar-default .navbar-nav > .active > a{background-color:transparent;} /*#header .navbar-default .navbar-nav > .active > a >div:after{width:24px;height:2px;background: #ed6b00;bottom:-15px;}*/ /** * mega-menu mega-menu-content mega-menu-column */ #header .navbar-nav > li.mega-menu > .dropdown-menu{width:100%;border-radius:0;} #header .navbar-nav > li.mega-menu.open > .dropdown-menu{/*display:block;*/} } @media(min-width:991px){ /*md*/ .fright-md{float:right;} } @media(min-width:1199px){ /*lg*/ .fright-lg{float:right;} } @media(min-width:1201px){ .pages-content{padding-top:0;} #header{background-color:transparent;transition:.3s;} #header .navbar-nav > li.mega-menu{position:inherit;} #header .navbar-nav > li.mega-menu.daveyz-navli .pages-link .a-link{padding-left:13px;padding-right:13px;} #header .navbar-nav > li > a{padding:28px 13px;color:#fff;transition:.3s;} #header .navbar-default .navbar-nav > .active > a{color:#fff;transition:.3s;} #header .navbar-nav > li.mega-menu.daveyz-navli > .dropdown-menu{width:auto;background-color:transparent;box-shadow:none;} #header .navbar-nav > li.mega-menu.daveyz-navli .pages-link .a-link ~ .a-link{margin-left:0;} #header .navbar-nav > li.mega-menu.daveyz-navli{position:relative;} #header .navbar-nav > li.mega-menu.daveyz-navli .pages-link .a-link{padding:10px 10px;font-size:16px;color:#fff;} #header .navbar-nav > li.mega-menu.daveyz-navli .pages-link .a-link:after{display:none;} #header .navbar-nav > li.mega-menu.daveyz-navli .pages-link .a-link:hover{color:#ed6b00;} #header .navbar-nav > li.mega-menu.daveyz-navli.open > .dropdown-menu .pages-link{margin:20px 0;} #header .navbar-nav > li.mega-menu.daveyz-navli.open > .dropdown-menu:before{position:absolute;left:-1900px;display:block;top:0;bottom:0;background:rgba(0,0,0,0.6);right:-1900px;} .navbar:after{border-bottom: 1px solid rgb(238 238 238 / 0%);} .header-return .a-return i{color:#fff;border-color:#fff;} .header-language a, .header-language .map, .header-search .stateicons i{color:#fff;transition:.3s;} #header:hover .header-return .a-return i, #header.daveyz-header .header-return .a-return i{border-color:#3d3a39;color:#3d3a39;} #header:hover .header-return .a-return:hover i, #header.daveyz-header .header-return .a-return:hover i{background-color: #ed6b00;border-color: #ed6b00;color: #fff;} #header.daveyz-header .header-search .stateicons i, #header.daveyz-header .header-language .map, #header:hover .header-language .map, #header:hover .header-search .stateicons i{color:#3d3a39;transition:.3s;} #header:hover{transition:.3s;} #header:hover, #header.daveyz-header{background-color:#fff;} #header:hover .header-language a, #header:hover .navbar-nav > li > a, #header.daveyz-header .navbar-nav > li > a, #header:hover .navbar-default .navbar-nav > .active > a, #header.daveyz-header .header-language a, #header.daveyz-header .navbar-default .navbar-nav > .active > a{color:#666;transition:.3s;} .header-language{margin-left:10px;} .header-return .a-return{margin-right:10px;} } @media(min-width:1300px){ .fright-lg{float:right;} #header .navbar-nav > li.mega-menu.daveyz-navli .pages-link .a-link{padding-left:15px;padding-right:15px;} #header .navbar-nav > li > a{padding:28px 15px;font-size:16px;letter-spacing:1px;z-index:99;line-height:24px;} #header .navbar-nav > li > a div{line-height:24px;} .header-return .a-return{margin-right:30px;} .header-language{margin-left:15px;} .header-return .a-return{margin-right:15px;} } @media(min-width:1441px){ #header .navbar-nav > li.mega-menu.daveyz-navli .pages-link .a-link{padding-left:15px;padding-right:15px;} #header .navbar-nav > li > a {padding: 28px 15px;} .header-language{margin-left:20px;} .header-return .a-return{margin-right:20px;} } @media(min-width:1599px){ #header .navbar-nav > li.mega-menu.daveyz-navli .pages-link .a-link{padding-left:20px;padding-right:20px;} #header .navbar-nav > li > a {padding: 28px 20px;} .header-language{margin-left:25px;} .header-return .a-return{margin-right:25px;} } @media(min-width:1680px){ #header .navbar-nav > li.mega-menu.daveyz-navli .pages-link .a-link{padding-left:23px;padding-right:23px;} #header .navbar-nav > li > a {padding: 28px 23px;} .header-language{margin-left:30px;} .header-return .a-return{margin-right:30px;} } @media(min-width:1720px){ #header .navbar-nav > li.mega-menu.daveyz-navli .pages-link .a-link{padding-left:25px;padding-right:25px;} #header .navbar-nav > li > a {padding: 28px 25px;} .header-language{margin-left:38px;} .header-return .a-return{margin-right:38px;} } /*@media(min-width: 1441px) and (max-width:1599px){ #header .navbar-nav > li > a {padding: 28px 15px;} } @media(min-width: 1441px) and (max-width:1599px){ #header .navbar-nav > li > a {padding: 28px 20px;} }*/ /* 设置进入的动画样式 */ @keyframes animation-down { from { opacity: 1; transition: all 1s ease 0s, opacity 1.5s ease 0s; transform: translateY(-270px); } to { opacity: 1; transition: all 1s ease 0s, opacity 1.5s ease 0s; } } .my-an-down { animation: animation-down 2s 1; } /* 设置进入的动画样式 end*/