@charset"UTF-8"; ::selection { background: #3390ff; color: #fff; text-shadow: none; } ::-moz-selection { background: #3390ff; /* Firefox */ color: #fff; text-shadow: none; } ::-webkit-selection { background: #3390ff; /* 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', '寰粺姝i粦楂?; 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+銆乤ndroid 2.3+銆亀inphone8+ 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: #fd2e2a !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; } .pages-content{padding-top: 70px;} 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;} #header .collapse.navbar-collapse{padding-right:0 !important;padding-left:0 !important;} #header .navbar-brand{height:70px;float:none;} #header .navbar-brand .logo{max-width:175px;} #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:none;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:#FD2E2A;} #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%); } /*#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{border:none;} .navbar:after{border-bottom:1px solid rgb(238 238 238 / 100%);width:100%;position:absolute;bottom:0;left:0;z-index:0;} .header-search{} .header-search .stateicons{right:15px;padding:23px 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:#FD2E2A;} .header-search.active form{top:100%;z-index:2;opacity:1;display:block;} .header-language{padding:23px 1.2612%;z-index:99;right:4.6%;} .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:#FD2E2A;} .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 .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.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%);} .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:#FD2E2A;border-color:#FD2E2A;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);} #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:#FD2E2A;color:#fff;} .form-alert{z-index:100;min-width:500px;top:80px;} @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:60px;height:70px !important;max-height:70px !important;min-height:70px;} #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 .pages-link .a-link:hover:after{display:none;} #header .navbar-brand .logo{width:70%;} .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;} .collapse .navbar-nav > li .i-icons{right:15px;font-size:16px;color:#666;width:24px;height:24px;top:11px;} .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 .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;}*/ } @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:#FD2E2A;} #header .navbar-default .navbar-nav > .active > a{background-color:transparent;} /*#header .navbar-default .navbar-nav > .active > a >div:after{width:24px;height:2px;background: #FD2E2A;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:1024px){ /*#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:60px;height:70px !important;max-height:70px !important;min-height:70px;} #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 .pages-link .a-link:hover:after{display:none;} #header .navbar-brand .logo{width:70%;-webkit-box-pack:initial;-webkit-justify-content: normal;-ms-flex-pack: initial;justify-content: normal;} #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;} .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;} .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;} .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%;} } @media(min-width:1025px){ /*sm*/ .fright-sm{float:right;} #header .navbar-nav > li > a{padding:23px 30px;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: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:#FD2E2A;} #header .navbar-default .navbar-nav > .active > a{background-color:transparent;} /*#header .navbar-default .navbar-nav > .active > a >div:after{width:24px;height:2px;background: #FD2E2A;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:991px){ /*md*/ .fright-md{float:right;} } @media(min-width:1199px){ /*lg*/ .fright-lg{float:right;} } /* 璁剧疆杩涘叆鐨勫姩鐢绘牱寮 */ @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*/